Advertisement
Guest User

Untitled

a guest
Oct 18th, 2023
277
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 74.91 KB | None | 0 0
  1. @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200");
  2.  
  3. body {
  4. --list-indent: 1.25em;
  5. --size-4-3: 12px;
  6. --boxShadow: 0 2px 8px var(--background-modifier-box-shadow);
  7. --blurFilter: blur(10px) saturate(2);
  8. --textColorBase: 0, 96, 139;
  9. --textColor: rgb(var(--textColorBase));
  10. --code-comment: rgba(var(--textColorBase), 0.7);
  11. --textFontWeight: 500;
  12. --dividerColor: rgba(193, 193, 193, 0.66);
  13. --snw-counter-opacity: 0.6;
  14. --snw-icon-opacity: 0.6;
  15. --callout-default: 120, 82, 238;
  16. --callout-color: var(--callout-default);
  17. --callout-title-color: var(--callout-color);
  18. --linkHoverColor: #02a645;
  19. --linkColor: #00C853;
  20. --codeColor: 83, 109, 254;
  21. --nav-item-children-padding-left: 5px;
  22. --nav-indentation-guide-width: 2px;
  23. --Transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  24. --fastTransition: all 0.1s cubic-bezier(.25,.8,.25,1);
  25. --file-line-width: 1000px;
  26. --titleColor: #0288d1;
  27. --pluginTitleColor: #007EB6;
  28. --h1-color: #c51162;
  29. --h2-color: #8bc34a;
  30. --h3-color: #fbc02d;
  31. --h4-color: #f44336;
  32. --interactive-hover: var(--color-base-20);
  33. --interactive-accent: #9176EC;
  34. --interactive-accent-translucent: #9176EC80;
  35. --interactive-accent-hover: #866dd6;
  36. --code-background: #f0f9ff;
  37. --code-normal: #006390;
  38. --highlightColor: #CBBBF8;
  39. --searchBackground: #fff;
  40. --bold-weight: 800;
  41. --tagColorBase: 120, 82, 238;
  42. --tag-background: rgba(var(--tagColorBase), 0.1);
  43. --tag-color: rgb(var(--tagColorBase));
  44. --tag-size: calc(var(--font-text-size) - 3px);
  45. --font-monospace: "SF Mono";
  46. --quoteBorder: 3px solid rgba(var(--textColorBase), 0.75);
  47. }
  48.  
  49. :is(.mod-active, *) > .document-search-container {
  50. border: 1.33px solid rgba(193, 193, 193, 0.66);
  51. -webkit-backdrop-filter: var(--blurFilter);
  52. background-color: rgba(255,255,255,0.5);
  53. backdrop-filter: var(--blurFilter);
  54. box-shadow: var(--boxShadow);
  55. width: calc(100% - 15px);
  56. color: var(--textColor);
  57. margin: 78px 0 0 7.5px;
  58. border-radius: 5px;
  59. position: fixed;
  60. padding: 5px 0
  61. }
  62.  
  63. [class*=inlinkedEntries], [class*=inlinkedEntries] * {
  64. line-height: calc(var(--font-text-size) + 3px);
  65. font-size: var(--font-text-size);
  66. }
  67.  
  68. .search-result-file-title {
  69. font-size: calc(var(--font-text-size) - 2px) !important;
  70. }
  71.  
  72. .tree-item-flair {
  73. font-size: calc(var(--font-text-size) - 3px) !important;
  74. }
  75.  
  76. .search-result-file-matches {
  77. font-size: calc(var(--font-text-size) - 3px) !important;
  78. --background-modifier-border: rgba(224,224,224,0.75);
  79. --search-result-background: rgba(255,255,255,0.75);
  80. background: #FFF;
  81. margin-bottom: 5px;
  82. }
  83.  
  84. .mod-global-search .tree-item-icon.collapse-icon {
  85. margin-top: -3px;
  86. }
  87.  
  88. .search-info-container {
  89. font-size: calc(var(--font-text-size) - 3px) !important;
  90. padding: 0px 15px;
  91. }
  92.  
  93. .search-info-children {
  94. font-weight: var(--textFontWeight);
  95. border: none;
  96. padding: 0;
  97. }
  98.  
  99. .search-info-container > div:first-child {
  100. font-weight: var(--bold-weight);
  101. }
  102.  
  103. .search-params .setting-item-name, .search-results-info * {
  104. font-size: calc(var(--font-text-size) - 3px) !important;
  105. }
  106.  
  107. .search-result-file-match:hover {
  108. background: var(--nav-item-background-hover) !important;
  109. }
  110.  
  111. .backlink-pane .tree-item-icon.collapse-icon {
  112. width: calc(100% - 15px);
  113. display: inline-block;
  114. position: absolute;
  115. height: 100%;
  116. }
  117.  
  118. .mod-global-search .tree-item-icon.collapse-icon svg {
  119. color: var(--titleColor);
  120. opacity: 0.75;
  121. }
  122.  
  123. [class*="inlinkedEntries"] {
  124. padding: 5px 10px !important;
  125. }
  126.  
  127. influx-element .clickable-icon.nav-action-button {
  128. line-height: 40px;
  129. }
  130.  
  131. .backlink-pane .tree-item-self.search-result-file-title {
  132. width: auto !important;
  133. position: relative;
  134. display: inline;
  135. margin-top: 3px;
  136. }
  137.  
  138. .tree-item-inner {
  139. display: inline-block;
  140. }
  141.  
  142. .backlink-pane .search-result .search-result-file-title > .tree-item-inner {
  143. font-size: var(--font-text-size);
  144. text-indent: 15px !important;
  145. }
  146.  
  147. .backlink-pane .search-result .search-result-file-title > .tree-item-inner a {
  148. position: relative;
  149. z-index: 99999;
  150. }
  151.  
  152. .tree-item-self.is-clickable:hover {
  153. background-color: var(--nav-item-background-hover) !important;
  154. font-weight: var(--nav-item-weight-hover) !important;
  155. color: var(--nav-item-color-hover) !important;
  156. }
  157.  
  158. .embedded-backlinks .nav-buttons-container {
  159. top: 7px;
  160. }
  161.  
  162. .embedded-backlinks input[type="checkbox"] {
  163. height: calc(var(--checkbox-size) + 2px);
  164. width: calc(var(--checkbox-size) + 2px);
  165. margin-right: 4px;
  166. }
  167.  
  168. input[type='search'] {
  169. background: var(--searchBackground);
  170. }
  171.  
  172. .inlineSpan {
  173. border-radius: 3px;
  174. padding: 0 1px;
  175. }
  176.  
  177. .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock + .cm-line.HyperMD-codeblock:is(:not(:has(*:not(:empty)))):not(.cm-active) {
  178. height: 5px;
  179. }
  180.  
  181. :is(.cm-embed-block, .inline-embed):has(:is([data-callout*="spoiler"], [data-callout*="warningblur"], [data-callout*="nsfw"]).is-collapsed) {
  182. box-shadow: 0 0 0 1.125px rgba(var(--shadowColor), 0.16), inset 0 0 0 1.125px rgba(var(--shadowColor), 0.16);
  183. border-radius: 3px;
  184. }
  185.  
  186. .markdown-source-view.mod-cm6 :is(.cm-embed-block, .inline-embed):hover {
  187. box-shadow: 0 0 0 1.125px rgba(var(--shadowColor), 0.33), inset 0 0 0 1.125px rgba(var(--shadowColor), 0.33);
  188. --shadowColor: var(--textColorBase);
  189. border-radius: 3px;
  190. }
  191.  
  192. .cm-callout:has([data-callout="warning"], [data-callout="caution"], [data-callout="attention"]) {
  193. --callout-color: var(--callout-question);
  194. }
  195.  
  196. .cm-callout:has([data-callout="failure"], [data-callout="fail"], [data-callout="missing"]) {
  197. --callout-color: var(--callout-fail);
  198. }
  199.  
  200. .callout[data-callout="success"], .callout[data-callout="check"], .callout[data-callout="done"],
  201. .cm-callout:has([data-callout="success"], [data-callout="check"], [data-callout="done"]) {
  202. --callout-color: var(--callout-success);
  203. --calloutTextColorBase: 3, 145, 59;
  204. }
  205.  
  206. .cm-callout:has([data-callout="question"], [data-callout="help"], [data-callout="faq"]) {
  207. --callout-color: var(--callout-question);
  208. }
  209.  
  210. .cm-callout:has([data-callout="danger"], [data-callout="error"]) {
  211. --callout-color: var(--callout-error);
  212. }
  213.  
  214. .callout:has(.callout[data-callout="info"]) {
  215. --callout-color: var(--callout-info);
  216. }
  217.  
  218. .callout:has(.callout[data-callout="tip"]) {
  219. --callout-color: var(--callout-tip);
  220. }
  221.  
  222. .markdown-source-view.mod-cm6 .cm-callout .edit-block-button {
  223. color: var(--calloutTextColor);
  224. }
  225.  
  226. .markdown-source-view.mod-cm6 .cm-embed-block.cm-callout:has([data-callout="quote"]):hover {
  227. border-radius: 2px 3px 3px 2px;
  228. }
  229.  
  230. :not(.HyperMD-codeblock.HyperMD-codeblock-bg.cm-line) + .HyperMD-codeblock.HyperMD-codeblock-bg.cm-line:not(.cm-active):has([contenteditable="false"]) + .HyperMD-codeblock.HyperMD-codeblock-bg.cm-line:not(.cm-active) {
  231. margin-top: -12.5px !important;
  232. }
  233.  
  234. .nav-file-title {
  235. --nav-item-padding: 4px 8px 4px 24px;
  236. }
  237.  
  238. .graph-view.color-fill {
  239. color: #8a70d4;
  240. }
  241.  
  242. .graph-view.color-fill-attachment {
  243. color: #00B8D4;
  244. }
  245.  
  246. .graph-view.color-arrow, .graph-view.color-circle, .graph-view.color-line, .graph-view.color-fill-unresolved {
  247. color: #C9C3DE;
  248. }
  249.  
  250. .document-search-buttons, .document-replace-buttons, .document-search-button {
  251. overflow: hidden;
  252. }
  253.  
  254. .link-favicon[data-is-readable-a-a="false"] {
  255. filter: unset;
  256. }
  257.  
  258. .file-embed.mod-generic, .popover.hover-popover > .mod-empty, .markdown-source-view.mod-cm6 .cm-content .file-embed.mod-empty {
  259. font-size: calc(var(--font-text-size) - 1px);
  260. font-weight: var(--textFontWeight);
  261. transition: var(--fastTransition);
  262. white-space: nowrap !important;
  263. margin-bottom: 5px !important;
  264. text-overflow: ellipsis;
  265. background: #ffe2df;
  266. border-radius: 4px;
  267. padding: 6px 20px;
  268. max-height: 38px;
  269. color: #B71C1C;
  270. }
  271.  
  272. .popover.hover-popover > .mod-empty {
  273. white-space: unset !important;
  274. margin: 0 !important;
  275. border-radius: 5px;
  276. max-height: unset;
  277. padding: 5px 15px;
  278. }
  279.  
  280. .popover.hover-popover:has(.mod-empty) {
  281. box-shadow: var(--boxShadow);
  282. min-height: unset;
  283. min-width: unset;
  284. max-width: unset;
  285. border: none;
  286. width: unset;
  287. }
  288.  
  289. .file-embed.mod-generic:hover, .file-embed.mod-empty:hover, .markdown-source-view.mod-cm6 .cm-content .file-embed.mod-empty:hover {
  290. background: #fcdad6;
  291. color: #9e1313;
  292. }
  293.  
  294. .file-embed.mod-generic, .file-embed.mod-empty:before, .file-embed.mod-empty:before {
  295. margin: 0 3.5px 0 -7.5px;
  296. content: "􀁞";
  297. }
  298.  
  299. :has(> .lucide-airplay):after {
  300. content: "􀧵";
  301. }
  302.  
  303. :has(> .lucide-heart)::after {
  304. content: "􀊴";
  305. }
  306.  
  307. .workspace-split:not(.mod-root) :is(.mod-active, *) > .document-search-container {
  308. margin: 7.5px 0 0 7.5px;
  309. }
  310.  
  311. .workspace-tabs:has([data-type="file-explorer"]) .workspace-tab-header-container {
  312. justify-content: center;
  313. flex-direction: row;
  314. }
  315.  
  316. /*
  317. body:has(.modal-container):not(:has(.better-command-palette)) .app-container {
  318. filter: blur(5px);
  319. }
  320. */
  321.  
  322. input.prompt-input, input.prompt-input:hover, input.prompt-input:focus, input.prompt-input:focus-visible, .prompt-instructions {
  323. font-weight: var(--textFontWeight);
  324. background: transparent;
  325. border: none;
  326. }
  327.  
  328. .search-input-container:before, .search-input-clear-button:after {
  329. color: var(--search-icon-color);
  330. font-family: "SF Pro Text";
  331. -webkit-mask-image: unset;
  332. background: unset;
  333. font-weight: 400;
  334. opacity: 0.75;
  335. content: "􀊫";
  336. top: 5.5px;
  337. }
  338.  
  339. .tag::first-letter {
  340. font-size: 0;
  341. }
  342.  
  343. .search-input-clear-button:after {
  344. font-size: 0.8em;
  345. height: unset;
  346. content: "􀆄";
  347. }
  348.  
  349. .search-input-clear-button {
  350. border-radius: 50%;
  351. margin-right: 4px;
  352. cursor: pointer;
  353. height: 22px;
  354. width: 22px;
  355. }
  356.  
  357. .backlink-pane .tree-item-inner {
  358. color: var(--nav-item-color-active);
  359. }
  360.  
  361. .nav-header ~ .search-input-container {
  362. margin: 0px 10px;
  363. width: auto;
  364. }
  365.  
  366. .search-result-container {
  367. padding: 7.5px 8px;
  368. }
  369.  
  370. .search-params {
  371. margin: 0 10px 0 15px;
  372. }
  373.  
  374. .search-row > .clickable-icon {
  375. margin-top: 1.5px;
  376. }
  377.  
  378. .search-row {
  379. margin-top: 5px;
  380. }
  381.  
  382. .search-results-info *, .search-results-info .dropdown, .tree-item-flair {
  383. font-weight: var(--textFontWeight);
  384. color: #808080;
  385. opacity: 1;
  386. }
  387.  
  388. textarea:active, input[type='text']:active, input[type='search']:active, input[type='email']:active, input[type='password']:active, input[type='number']:active, textarea:focus, input[type='text']:focus, input[type='search']:focus, input[type='email']:focus, input[type='password']:focus, input[type='number']:focus, textarea:focus-visible, input[type='text']:focus-visible, input[type='search']:focus-visible, input[type='email']:focus-visible, input[type='password']:focus-visible, input[type='number']:focus-visible {
  389. box-shadow: 0 0 0 1.5px var(--background-modifier-border-focus);
  390. }
  391.  
  392. input[type="search"]:active {
  393. border-radius: 3px;
  394. }
  395.  
  396. .document-search-container input[type='text'] {
  397. font-size: calc(var(--font-text-size) * 0.9);
  398. font-weight: var(--textFontWeight);
  399. padding: 8px 12px 8px 6px;
  400. background: transparent;
  401. color: var(--textColor);
  402. box-shadow: unset;
  403. border-radius: 0;
  404. border: unset;
  405. border-bottom: 2px solid #00608b80;
  406. }
  407.  
  408. div.dataview-error-box {
  409. border: 3px dashed rgba(var(--textColorBase), 0.25);
  410. border-radius: 3px;
  411. min-height: 50px;
  412. }
  413.  
  414. .document-search-container input[type='text']::placeholder {
  415. color: #00608b80;
  416. }
  417.  
  418. .document-search-container input[type='text']:focus {
  419. border-bottom: 2px solid var(--textColor);
  420. }
  421.  
  422. .suggestion-container, .prompt, .suggestion-container.mod-search-suggestion .suggestion, .menu, .markdown-preview-view, .graph-controls, :is(.workspace-split:not(.mod-root), *) .graph-controls.is-close {
  423. -webkit-backdrop-filter: var(--blurFilter);
  424. background-color: rgba(255,255,255,0.5);
  425. background: rgba(255,255,255,0.5);
  426. backdrop-filter: var(--blurFilter);
  427. font-weight: var(--textFontWeight);
  428. --searchBackground: #FFFFFF80;
  429. }
  430.  
  431. .markdown-rendered button.copy-code-button {
  432. border: 1.75px solid rgba(var(--textColorBase), 0.25);
  433. backdrop-filter: var(--blurFilter);
  434. transition: var(--fastTransition);
  435. color: var(--textColor);
  436. }
  437.  
  438. .markdown-rendered pre:not(:hover) > button.copy-code-button {
  439. display: unset;
  440. opacity: 0;
  441. }
  442.  
  443. .markdown-source-view.mod-cm6 .code-block-flair:hover {
  444. background: rgba(var(--codeColor), 0.2) !important;
  445. }
  446.  
  447. .markdown-rendered button.copy-code-button:hover {
  448. background-color: rgba(var(--textColorBase), 0.05);
  449. }
  450.  
  451. .graph-controls input[type='range'] {
  452. background: var(--interactive-accent-translucent);
  453. }
  454.  
  455. .graph-controls input[type='range']::-webkit-slider-thumb {
  456. background: var(--interactive-accent);
  457. border: none;
  458. opacity: 1;
  459. }
  460.  
  461. .popover.hover-popover > .markdown-embed > .markdown-embed-content > .markdown-preview-view {
  462. padding: 15px;
  463. }
  464.  
  465. .menu-item.selected:not(.is-disabled):not(.is-label), .menu-item.selected:not(.is-disabled):not(.is-label) * {
  466. background: var(--interactive-accent);
  467. color: var(--text-on-accent);
  468. }
  469.  
  470. .community-item.is-selected * {
  471. color: var(--text-on-accent);
  472. }
  473.  
  474. .community-modal-info-author, .community-modal-info-repo, .community-modal-info-version, .community-modal-info-desc {
  475. font-size: var(--font-text-size);
  476. }
  477.  
  478. .prompt-instruction {
  479. --text-muted: rgba(255,255,255,0.35);
  480. }
  481.  
  482. .document-search-buttons :first-child, .document-search-buttons :nth-child(2) {
  483. font-size: 0;
  484. }
  485.  
  486. .document-search-buttons :first-child:after, .document-search-buttons :nth-child(2):after {
  487. font-size: var(--font-ui-small);
  488. content: "􀆉";
  489. }
  490.  
  491. .document-search-buttons :nth-child(2):after {
  492. content: "􀆊";
  493. }
  494.  
  495. input.document-search-input.mod-no-match {
  496. background-color: unset !important;
  497. color: #FF5252 !important;
  498. }
  499.  
  500. button:not(.clickable-icon).document-search-button {
  501. border: 1.33px solid rgba(193, 193, 193, 0.66);
  502. background: none;
  503. box-shadow: none;
  504. padding: 0 10px;
  505. }
  506.  
  507. .search-result-hover-button {
  508. backdrop-filter: var(--blurFilter);
  509. right: 3px;
  510. top: 3px;
  511. }
  512.  
  513. .search-result-hover-button.mod-bottom {
  514. bottom: 3px;
  515. top: unset;
  516. }
  517.  
  518. .search-result-file-match {
  519. padding: 7.5px 10px;
  520. }
  521.  
  522. .search-result-hover-button {
  523. height: 20px;
  524. width: 20px;
  525. }
  526.  
  527. .search-result-hover-button:after {
  528. font-size: 1.0625em !important;
  529. position: relative;
  530. top: 2.5px;
  531. }
  532.  
  533. .search-result-file-match {
  534. min-height: 45px;
  535. }
  536.  
  537. button:not(.clickable-icon).document-search-button:hover {
  538. background: rgba(193, 193, 193, 0.66);
  539. cursor: pointer;
  540. }
  541.  
  542. .clickable-icon, .workspace-tab-header-inner-close-button, .notice, .collapse-icon, .search-result-hover-button, .code-block-flair, .modal-close-button, button.mod-cta, .community-modal-button-container button, .community-item, button:not(.clickable-icon), .pg-collapsible-header, :is(.backlink-pane, .mod-global-search) .tree-item-self.is-clickable, .mod-global-search .search-result-file-match, .mod-global-search .search-result-file-match {
  543. cursor: pointer !important;
  544. }
  545.  
  546. .pg-collapsible-icon {
  547. left: 10px;
  548. top: -2px;
  549. }
  550.  
  551. .pg-collapsible-header {
  552. margin: 0 -10px 5px !important;
  553. padding: 2.5px 10px;
  554. }
  555.  
  556. .pg-collapsible-header .pg-collapsible-icon:after {
  557. font-size: 0.75em;
  558. font-weight: 700;
  559. opacity: 0.5;
  560. }
  561.  
  562. .community-item:hover {
  563. background: var(--interactive-hover);
  564. }
  565.  
  566. .mod-community-modal .modal-sidebar .clickable-icon[aria-label="Change sort order"] {
  567. padding: 6px;
  568. color: var(--icon-color);
  569. }
  570.  
  571. .community-modal-button-container button, button:not(.clickable-icon), .setting-item-control select {
  572. border: 1px solid rgba(0,0,0,0.125);
  573. box-shadow: none;
  574. font-weight: 500;
  575. }
  576.  
  577. textarea, input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'] {
  578. transition: var(--Transition) !important;
  579. }
  580.  
  581. .community-modal-button-container button.mod-cta, button.mod-cta, .setting-item, button.mod-warning {
  582. border: none;
  583. }
  584.  
  585. .tasks-settings details > summary > .collapser > .handle {
  586. height: 25px;
  587. opacity: 0.6;
  588. width: 25px;
  589. }
  590.  
  591. .document-search-close-button {
  592. border-radius: 50%;
  593. text-align: center;
  594. line-height: 27px;
  595. cursor: pointer;
  596. height: 30px;
  597. width: 30px;
  598. }
  599.  
  600. .cm-hashtag, a.tag {
  601. color: var(--tag-color) !important;
  602. border-radius: var(--tag-radius);
  603. padding-left: 6px !important;
  604. --tag-padding-x: 9.5px;
  605. --tag-padding-y: 1.5px;
  606. position: relative;
  607. font-weight: 600;
  608. bottom: 1px;
  609. }
  610.  
  611. a.tag {
  612. padding-right: 6px;
  613. }
  614.  
  615. :has(> .lucide-hash):after {
  616. content: "􀋡";
  617. }
  618.  
  619. .cm-hashtag-end:before {
  620. font-size: calc(var(--font-text-size) - 5px);
  621. color: var(--tag-color);
  622. position: relative;
  623. margin-right: 2px;
  624. content: "􀋡";
  625. bottom: 1px;
  626. }
  627.  
  628. .cm-active .cm-hashtag {
  629. border-radius: 0 var(--tag-radius) var(--tag-radius) 0;
  630. padding-left: 0px !important;
  631. }
  632.  
  633. .cm-active .cm-hashtag.cm-hashtag-begin {
  634. border-radius: var(--tag-radius) 0 0 var(--tag-radius);
  635. padding-left: 9px !important;
  636. }
  637.  
  638. .document-search-close-button:hover {
  639. background-color: var(--background-modifier-hover);
  640. color: var(--text-normal);
  641. }
  642.  
  643. .cm-s-obsidian span.cm-formatting-link {
  644. --text-faint: rgba(var(--textColorBase), 0.66);
  645. }
  646.  
  647. .callout input[type=checkbox] {
  648. --checkbox-color-hover: rgb(var(--callout-color));
  649. border: 1.5px solid rgb(var(--callout-color));
  650. --checkbox-color: rgb(var(--callout-color));
  651. }
  652.  
  653. ol > li::marker, ul > li::marker, .cm-s-obsidian .cm-formatting-list {
  654. --list-marker-color: var(--textColor) !important;
  655. }
  656.  
  657. .callout ol > li::marker, .callout ul > li::marker, .callout .cm-s-obsidian .cm-formatting-list {
  658. --list-marker-color: rgb(var(--callout-color)) !important;
  659. }
  660.  
  661. .is-collapsed :has(> .lucide-chevron-down):after {
  662. transform: rotate(-90deg);
  663. }
  664.  
  665. :has(> .lucide-chevron-down):after {
  666. transition: var(--Transition);
  667. font-size: 0.9em;
  668. content: "􀆈";
  669. }
  670.  
  671. .cm-s-obsidian span.cm-formatting-quote {
  672. color: var(--textColor);
  673. opacity: 0.5;
  674. }
  675.  
  676. .markdown-embed-link, span.code-block-flair {
  677. color: var(--interactive-accent) !important;
  678. backdrop-filter: var(--blurFilter);
  679. font-weight: 700;
  680. }
  681.  
  682. span.code-block-flair {
  683. color: var(--code-normal) !important;
  684. }
  685.  
  686. .markdown-source-view.mod-cm6 .edit-block-button, .markdown-source-view.mod-cm6 .code-block-flair:has(svg) {
  687. transition: var(--fastTransition);
  688. color: var(--textColor);
  689. padding: 1.5px 0 0 4px;
  690. cursor: pointer;
  691. height: 25px;
  692. width: 27px;
  693. }
  694.  
  695. .markdown-source-view.mod-cm6 .code-block-flair:has(svg) {
  696. backdrop-filter: var(--blurFilter);
  697. }
  698.  
  699. .markdown-source-view.mod-cm6 .code-block-flair:has(svg) {
  700. padding: 5.5px 6.5px;
  701. }
  702.  
  703. .markdown-source-view.mod-cm6 .code-block-flair {
  704. right: 5px;
  705. top: 5px;
  706. }
  707.  
  708. .markdown-source-view.mod-cm6 .cm-embed-block:hover .edit-block-button:hover {
  709. background: rgba(var(--textColorBase), 0.1);
  710. }
  711.  
  712. .markdown-source-view.mod-cm6 .cm-embed-block.cm-callout:hover .edit-block-button:hover {
  713. background: rgba(var(--calloutBackgroundColorBase), 0.15);
  714. }
  715.  
  716. :has(> .lucide-file):after {
  717. content: "􀈷";
  718. }
  719.  
  720. :has([class*="lucide"], .svg-icon):after {
  721. font-weight: var(--textFontWeight);
  722. text-decoration: none;
  723. }
  724.  
  725. .view-action {
  726. text-decoration: none !important;
  727. }
  728.  
  729. .cm-line:not(.cm-active):has(> br:only-child) {
  730. height: 10px !important;
  731. }
  732.  
  733. .cm-line:has(> br:only-child) {
  734. clear: both;
  735. }
  736.  
  737. .search-result-hover-button {
  738. padding: 0px 3px;
  739. font-size: 0.9em;
  740. }
  741.  
  742. .workspace-split:not(.mod-right-split) li.todoist-p4 {
  743. display: flex;
  744. width: 100%;
  745. }
  746.  
  747. .prompt-instructions {
  748. gap: 5px;
  749. }
  750.  
  751. .workspace-leaf-content :not([class*="image-layouts"]):not([alt="inlL"]):not([alt="max"]) > img:not([width]), .workspace-leaf-content .image-embed:not([class*="image-layouts"]):not([alt="max"]):not([width]) {
  752. max-width: 50%;
  753. }
  754.  
  755. .markdown-source-view.mod-cm6 .cm-line:not(.cm-active):not(.HyperMD-header):not(.HyperMD-task-line) .cm-fold-indicator .collapse-indicator, .markdown-source-view.mod-cm6 .cm-line:not(.cm-active):not(.HyperMD-header):not(.HyperMD-task-line) .cm-fold-indicator .collapse-indicator {
  756. padding-right: 0.75em;
  757. right: -0.75em;
  758. }
  759.  
  760. .cm-line:has([alt="inl"]) {
  761. display: flex !important;
  762. }
  763.  
  764. .cm-line:has([alt="inl"]) .image-embed > img {
  765. max-width: 100%;
  766. object-fit: cover;
  767. }
  768.  
  769. .cm-line:has([alt="inl"]) .image-embed {
  770. margin-left: 5px;
  771. flex: 1 1 0px;
  772. }
  773.  
  774. .media-embed:has([alt="inlL"]), .markdown-source-view.mod-cm6 .cm-content > .media-embed:has([alt="inlL"]) {
  775. margin: 3px 5px 0 0 !important;
  776. float: left;
  777. }
  778.  
  779. .media-embed:has([alt="inlR"]), .markdown-source-view.mod-cm6 .cm-content > .media-embed:has([alt="inlR"]) {
  780. margin: 3px 0 0 5px !important;
  781. float: right;
  782. }
  783.  
  784. .better-command-palette .better-command-palette-title, .sidebar-left, :is([data-callout*="no-title"], [data-callout*="quote"]) .callout-title, .svg-icon.lucide-file-digit :not(path), #influx-react-anchor-div br, .markdown-source-view.mod-cm6 .cm-foldPlaceholder, .cm-line:not(.cm-active) .cm-hashtag-begin, .cm-active .cm-hashtag-end:before, .cm-hmd-codeblock .cm-indent:before,
  785. .svg-icon:is(.help, .fa-Images, .lucide-mic, .dice), .markdown-source-view:not(.is-live-preview) span:has(.link-favicon, .link), .dataview.small-text::after, .dataview.small-text::before,
  786. .cm-line:has([alt="inl"]) *:not(:has(img), .image-embed > img),
  787. :is(.active-workspace, [aria-label="bullet list"], [aria-label="Clear text formatting"], [aria-label="Important To-Do"], [aria-label="Small & Misc Tasks"], [aria-label="Desktop workspace"], [aria-label="Rename workspace"], [aria-label="Delete workspace"], [aria-label="Calendar Tasks"], [aria-label="Center Panes"]) svg,
  788. .lucide-settings, .lucide-folder-plus, .lucide-folder-closed, .lucide-edit, .lucide-git-fork, .lucide-search, .lucide-star, .lucide-clock, .lucide-terminal-square, .lucide-terminal, .question-mark-glyph, .lucide-undo-2, .lucide-redo-2, .lucide-arrow-left, .lucide-arrow-right, .lucide-sticky-note, .lucide-sidebar, .lucide-pencil, .lucide-airplay, .lucide-shopping-bag, .lucide-package, .lucide-brush, .lucide-layout-dashboard, .lucide-heart, .lucide-plus-circle, .lucide-folder-open, .lucide-alert-circle, .lucide-plus, .lucide-x, .lucide-more-vertical, .lucide-hash, .lucide-list, .lucide-trash-2, .lucide-trash, .lucide-code, .lucide-align-left, .lucide-forward, .sidebar-right, .lucide-scissors, .lucide-arrow-left-right, .lucide-files, .lucide-file-edit, .lucide-chevrons-up-down, .uppercase-lowercase-a, .lucide-move-vertical, .lucide-copy, .lucide-chevron-up, .lucide-refresh-cw, .lucide-rotate-ccw, .lucide-info, .lucide-link, .lucide-layout, .lucide-download-cloud, .lucide-chevron-left, .lucide-calendar, .lucide-calendar-check, .svg-icon.lucide-mic, .bracket-glyph, .lucide-clipboard-type, .lucide-table, .lucide-box-select, .lucide-clipboard-check, .lucide-git-branch-plus, .lucide-code-2, .lucide-type, .lucide-archive, .lucide-type, .lucide-file-text, .lucide-alert-triangle, .lucide-chevron-down, .lucide-file, .vault, .lucide-edit-3, figcaption.obsidian-image-caption, .lucide-lightbulb, .lucide-zap, .lucide-bug, .lucide-help-circle, .lucide-check, .lucide-check-square, .lucide-book, .lucide-glasses, .lucide-repeat, .lucide-power, .lucide-power-off, .lucide-image, .lucide-file-audio, .lucide-book-open, .lucide-file-plus, [class*="lucide-sort"], .lucide-chevrons-up-down, .lucide-more-horizontal, .lucide-keyboard, .lucide-filter {
  789. display: none !important;
  790. }
  791.  
  792. [aria-label="Center Panes"] .workspace-tab-header-inner-icon:after {
  793. content: "􀏜";
  794. }
  795.  
  796. :has(> :is([class*="lucide-sort"], .lucide-chevrons-up-down, .lucide-chevrons-down-up)):after {
  797. font-family: 'Material Symbols Outlined';
  798. font-size: 1.5em;
  799. font-weight: 300;
  800. }
  801.  
  802. :has(> .lucide-filter):after {
  803. content: "􀜓";
  804. }
  805.  
  806. :has(> [class*="lucide-sort"]):after {
  807. font-size: 1.3em;
  808. content: "sort";
  809. }
  810.  
  811. :has(> .lucide-chevrons-up-down):after {
  812. content: "unfold_more";
  813. }
  814.  
  815. :has(> .lucide-chevrons-down-up):after {
  816. content: "unfold_less";
  817. }
  818.  
  819. :has(> .lucide-keyboard):after {
  820. content: "􀇳";
  821. }
  822.  
  823. :has(> .lucide-bookmark):after {
  824. content: "􀉞";
  825. }
  826.  
  827. [aria-label="Unfinished Daily Note Tasks"] .workspace-tab-header-inner-icon:after {
  828. content: "􀆭";
  829. }
  830.  
  831. :has(> .lucide-file-audio):after {
  832. content: "􀙫";
  833. }
  834.  
  835. :has(> .lucide-image):after {
  836. content: "􀏅";
  837. }
  838.  
  839. :has(> .lucide-power):after {
  840. content: "􀆨";
  841. }
  842.  
  843. :has(> .lucide-power-off):after {
  844. content: "􀥥";
  845. }
  846.  
  847. :has(> .lucide-repeat):after {
  848. transform: rotate(90deg);
  849. content: "􀅌";
  850. }
  851.  
  852. :has(> .lucide-glasses):after {
  853. content: "􀖆";
  854. }
  855.  
  856. :has(> .lucide-book):after {
  857. content: "􀫗";
  858. }
  859.  
  860. :has(> .lucide-check-square):after {
  861. content: "􀃲";
  862. }
  863.  
  864. :has(> .lucide-bug):after {
  865. transform: scale(0.8);
  866. content: "􀯔";
  867. }
  868.  
  869. :has(> .lucide-zap):after {
  870. content: "􀋧";
  871. }
  872.  
  873. :has(> .lucide-lightbulb):after, [data-type="release-notes"] .workspace-tab-header-inner-icon:after {
  874. content: "􁎦";
  875. }
  876.  
  877. :has(> .lucide-edit-3):after {
  878. content: "􁚛";
  879. }
  880.  
  881. [aria-label="When Tired"] .workspace-tab-header-inner-icon:after {
  882. content: "􀆹";
  883. }
  884.  
  885. :has(> .vault):after {
  886. transform: scale(1.1);
  887. content: "􀢵";
  888. }
  889.  
  890. :has(> .lucide-file):after {
  891. content: "􀈷";
  892. }
  893.  
  894. :has(> .lucide-archive):after {
  895. content: "􀈭";
  896. }
  897.  
  898. :has(> .lucide-book-open):after {
  899. content: "􀉚";
  900. }
  901.  
  902. :has(> .lucide-file-text):after, [aria-label*="Current view: editing"]:after {
  903. content: "􀉅";
  904. }
  905.  
  906. :has(> .lucide-type):after {
  907. content: "􀂺";
  908. }
  909.  
  910. :has(> .lucide-code-2):after {
  911. content: "􀤘";
  912. }
  913.  
  914. :has(> .lucide-git-branch-plus):after {
  915. content: "􀙠";
  916. }
  917.  
  918. :has(> .lucide-clipboard-check):after {
  919. content: "􀫵";
  920. }
  921.  
  922. :has(> .lucide-box-select):after {
  923. content: "􀓔";
  924. }
  925.  
  926. :has(> .lucide-table):after {
  927. content: "􀏣";
  928. }
  929.  
  930. :has(> .lucide-chevron-left):after {
  931. content: "􀆉";
  932. }
  933.  
  934. :has(> .lucide-download-cloud):after {
  935. content: "􀈄";
  936. }
  937.  
  938. [aria-label="Desktop workspace"]:after {
  939. content: "􀢹";
  940. }
  941.  
  942. :has(> .lucide-layout):after {
  943. content: "􀏜";
  944. }
  945.  
  946. :has(> .lucide-info):after {
  947. content: "􀅴";
  948. }
  949.  
  950. :has(> .lucide-rotate-ccw):after {
  951. transform: rotate(-45deg);
  952. content: "􀅉";
  953. }
  954.  
  955. :has(> .lucide-refresh-cw):after {
  956. content: "􀊯";
  957. }
  958.  
  959. :has(> .lucide-chevron-up):after {
  960. content: "􀆇";
  961. }
  962.  
  963. :has(> .lucide-move-vertical):after {
  964. content: "􀑹";
  965. }
  966.  
  967. :has(> .lucide-file-edit):after {
  968. content: "􀐅";
  969. }
  970.  
  971. :has(> .lucide-arrow-left-right):after {
  972. content: "􀄭";
  973. }
  974.  
  975. :has(> .sidebar-right):after {
  976. content: "􀏛";
  977. }
  978.  
  979. :has(> .lucide-forward):after {
  980. content: "􀄌";
  981. }
  982.  
  983. :has(> .lucide-align-left):after {
  984. content: "􀌀";
  985. }
  986.  
  987. :has(> .svg-icon.dice):after {
  988. content: "􀺴";
  989. }
  990.  
  991. :has(> .lucide-folder-open):after {
  992. content: "􀈕";
  993. }
  994.  
  995. :has(> .lucide-message-square):after {
  996. content: "􀌲";
  997. }
  998.  
  999. .clickable-icon.graph-controls-button.mod-animate:after {
  1000. content: "􀇲";
  1001. }
  1002.  
  1003. :has(> .lucide-layout-dashboard)::after {
  1004. content: "􀐕";
  1005. }
  1006.  
  1007. :has(> :is(.lucide-plus-circle, .lucide-plus))::after {
  1008. content: "􀅼";
  1009. }
  1010.  
  1011. .graph-view.color-fill-tag {
  1012. color: #1DE9B6;
  1013. }
  1014.  
  1015. .graph-view.color-text {
  1016. font-weight: 900 !important;
  1017. }
  1018.  
  1019. .workspace-tab-header-inner-close-button:after {
  1020. font-weight: var(--textFontWeight);
  1021. height: 16px !important;
  1022. width: 16px !important;
  1023. font-size: 13px;
  1024. }
  1025.  
  1026. :has(> .lucide-x)::after {
  1027. content: "􀆄";
  1028. }
  1029.  
  1030. .setting-delete-hotkey:has(> .lucide-x)::after {
  1031. transform: scale(0.8);
  1032. }
  1033.  
  1034. :has(> .lucide-more-vertical):after, :has(> .lucide-more-horizontal):after {
  1035. content: "􀍠";
  1036. }
  1037.  
  1038. :has(> .lucide-shopping-bag):after {
  1039. content: "􀍣";
  1040. }
  1041.  
  1042. :has(> .lucide-package):after {
  1043. transform: scale(0.95) translateX(1.5px);
  1044. content: "􀥭";
  1045. }
  1046.  
  1047. :has(> .lucide-brush):after {
  1048. content: "􀎑";
  1049. }
  1050.  
  1051. :is([aria-label="Important To-Do"], [aria-label="Small & Misc Tasks"]) .workspace-tab-header-inner-icon:after {
  1052. transform: scale(1.125);
  1053. content: "􀃲";
  1054. }
  1055.  
  1056. .svg-icon.lucide-file-digit path {
  1057. d: path("M8.70467 12C8.21657 11.6404 7.81269 11.1817 7.52044 12.6549C7.22819 10.1281 7.0544 9.54553 7.01086 8.94677C6.96732 8.348 7.05504 7.74701 7.26808 7.18456C7.48112 6.62212 7.81449 6.11138 8.24558 5.68697L10.7961 3.17516C11.5978 2.41258 12.6716 1.99062 13.7861 2.00016C14.9007 2.0097 15.9668 2.44997 16.755 3.22615C17.5431 4.00234 17.9902 5.05233 17.9998 6.14998C18.0095 7.24763 17.5811 8.30511 16.8067 9.09467L15.9014 10 M11.2953 8C11.7834 8.35957 12.1873 8.81831 12.4796 9.34512C12.7718 9.87192 12.9456 10.4545 12.9891 11.0532C13.0327 11.652 12.945 12.253 12.7319 12.8154C12.5189 13.3779 12.1855 13.8886 11.7544 14.313L9.20392 16.8248C8.40221 17.5874 7.32844 18.0094 6.21389 17.9998C5.09933 17.9903 4.03318 17.55 3.24504 16.7738C2.4569 15.9977 2.00985 14.9477 2.00016 13.85C1.99047 12.7524 2.41893 11.6949 3.19326 10.9053L4.09859 10 M17 21L14 18L17 15 M21 18H14") !important;
  1058. }
  1059.  
  1060. .internal-embed.markdown-embed.inline-embed.is-loaded {
  1061. border-color: var(--interactive-accent);
  1062. margin-bottom: 5px !important;
  1063. --shadowColor: 145, 118, 236;
  1064. --embed-padding: 0 0 0 10px;
  1065. border-width: 3px;
  1066. max-height: 300px;
  1067. overflow: scroll;
  1068. }
  1069.  
  1070. .callout, .cm-callout {
  1071. --calloutBackgroundColorBase: var(--callout-color);
  1072. --calloutTextColorBase: var(--callout-color);
  1073. --calloutBackgroundColor: rgba(var(--calloutBackgroundColorBase), 0.1);
  1074. --calloutTextColor: rgb(var(--calloutTextColorBase));
  1075. --shadowColor: var(--callout-color) !important;
  1076. color: var(--calloutTextColor);
  1077. }
  1078.  
  1079. .callout {
  1080. padding: 5px 10px;
  1081. }
  1082.  
  1083. .callout-title {
  1084. color: var(--calloutTextColor);
  1085. }
  1086.  
  1087. :is([data-callout*="spoiler"], [data-callout*="warningblur"], [data-callout*="nsfw"]).is-collapsed .callout-content {
  1088. display: unset !important;
  1089. filter: blur(10px);
  1090. }
  1091.  
  1092. .callout:is([data-callout*="abstract"], [data-callout*="summary"], [data-callout*="tldr"]), .cm-callout:has([data-callout*="abstract"], [data-callout*="summary"], [data-callout*="tldr"]) {
  1093. --calloutTextColorBase: 0, 156, 135;
  1094. --callout-color: 0, 191, 166;
  1095. --callout-icon: align-left;
  1096. }
  1097.  
  1098. .callout[data-callout*="example"], .callout:has(.callout[data-callout*="example"]) {
  1099. --callout-color: 150, 82, 238;
  1100. --callout-icon: book;
  1101. }
  1102.  
  1103. .callout[data-callout*="chat"], .callout:has(.callout[data-callout*="chat"]) {
  1104. --callout-color: 0, 199, 102;
  1105. --callout-icon: message-square;
  1106. }
  1107.  
  1108. .callout[data-callout*="todo"], .callout:has(.callout[data-callout*="todo"]) {
  1109. --callout-icon: check-square;
  1110. --callout-color: 63, 81, 181;
  1111. }
  1112.  
  1113. .callout[data-callout*="bug"], .cm-callout:has(.callout[data-callout*="bug"]) {
  1114. --callout-color: 221, 44, 0;
  1115. }
  1116.  
  1117. .cm-callout:has([data-callout="info"]) {
  1118. --callout-color: var(--callout-info);
  1119. }
  1120.  
  1121. :is([data-callout*="spoiler"], [data-callout*="warningblur"], [data-callout*="nsfw"]) :has(> .lucide-chevron-down):after {
  1122. line-height: 25px;
  1123. transform: none;
  1124. content: "􀋯";
  1125. }
  1126.  
  1127. .is-collapsed:is([data-callout*="spoiler"], [data-callout*="warningblur"], [data-callout*="nsfw"]) :has(> .lucide-chevron-down):after {
  1128. content: "􀋭";
  1129. }
  1130.  
  1131. .callout[data-callout*="tip"], .callout[data-callout*="hint"], .cm-callout:has([data-callout*="tip"], [data-callout*="hint"]) {
  1132. --calloutTextColorBase: 0, 158, 156;
  1133. --callout-color: var(--callout-tip);
  1134. --callout-icon: lucide-lightbulb;
  1135. }
  1136.  
  1137. .callout[data-callout*="warning"] {
  1138. --callout-icon: alert-circle;
  1139. }
  1140.  
  1141. .more-options-icon {
  1142. background: transparent !important;
  1143. color: inherit;
  1144. }
  1145.  
  1146. .sidebar-toggle-button.mod-right, .mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-right, body:has(.app-container) .modal-bg, .suggestion-container.mod-search-suggestion, .modal.mod-settings, .graph-controls, :is(.workspace-split:not(.mod-root), *) .graph-controls.is-close, .dataview.task-list-item:hover, .dataview.task-list-basic-item:hover {
  1147. background: transparent;
  1148. box-shadow: none;
  1149. }
  1150.  
  1151. :not([class*="inlinkedEntry"]) > * > * > .callout-title-inner {
  1152. max-width: calc(100% - 80px);
  1153. text-indent: 20px;
  1154. }
  1155.  
  1156. [class*="inlinkedEntry"] .callout-title {
  1157. gap: 0;
  1158. }
  1159.  
  1160. :is([data-callout*="spoiler"], [data-callout*="warningblur"], [data-callout*="nsfw"]) {
  1161. --callout-icon: lucide-alert-triangle !important;
  1162. --callout-color: var(--color-red-rgb) !important;
  1163. background: transparent;
  1164. padding: 0;
  1165. }
  1166.  
  1167. .cm-callout:has([data-callout*="warningblur"]) {
  1168. --callout-color: var(--color-red-rgb) !important;
  1169. }
  1170.  
  1171. [data-callout*="nsfw"], .cm-callout:has([data-callout*="nsfw"]) {
  1172. --callout-color: 77, 134, 161 !important;
  1173. --callout-icon: glasses !important;
  1174. }
  1175.  
  1176. :is([data-callout*="spoiler"], [data-callout*="warningblur"], [data-callout*="nsfw"]) .callout-title {
  1177. background-color: rgba(var(--callout-color), 0.1);
  1178. border-radius: var(--callout-radius);
  1179. margin-bottom: 5px;
  1180. padding: 5px;
  1181. }
  1182.  
  1183. :is([data-callout*="spoiler"], [data-callout*="warningblur"], [data-callout*="nsfw"]) .callout-content {
  1184. color: var(--textColor);
  1185. }
  1186.  
  1187. :is([data-callout*="spoiler"], [data-callout*="warningblur"], [data-callout*="nsfw"]) .callout-fold {
  1188. height: 22px;
  1189. width: 28px;
  1190. }
  1191.  
  1192. :is([data-callout*="spoiler"], [data-callout*="warningblur"], [data-callout*="nsfw"]) .callout-fold:after {
  1193. margin-top: -3px;
  1194. }
  1195.  
  1196. .callout-fold {
  1197. transition: var(--fastTransition);
  1198. border-radius: 5px;
  1199. padding: 2px 3px;
  1200. cursor: pointer;
  1201. height: 23px;
  1202. width: 23px;
  1203. margin: 0;
  1204. }
  1205.  
  1206. .callout-fold:hover {
  1207. background-color: var(--calloutBackgroundColor) !important;
  1208. }
  1209.  
  1210. .callout[data-callout*="note"] {
  1211. --callout-icon: lucide-airplay;
  1212. }
  1213.  
  1214. .callout[data-callout*="custom"] {
  1215. --callout-color: 0, 0, 255;
  1216. }
  1217.  
  1218. .calllout[data-callout*="no-title"], .callout[data-callout*="quote"], .cm-callout:has([data-callout*="quote"], [data-callout*="no-title"]) {
  1219. --callout-color: var(--textColorBase);
  1220. }
  1221.  
  1222. .callout[data-callout*="quote"] {
  1223. border-left: var(--quoteBorder);
  1224. background: transparent;
  1225. border-radius: 0;
  1226. padding: 0 5px;
  1227. }
  1228.  
  1229. .callout-icon {
  1230. width: 0;
  1231. }
  1232.  
  1233. .cm-s-obsidian span.cm-formatting-task {
  1234. color: var(--textColor);
  1235. opacity: 0.66;
  1236. }
  1237.  
  1238. [data-callout*="spoiler"], .cm-callout:has([data-callout*="spoiler"]) {
  1239. --callout-color: 0, 198, 212 !important;
  1240. --calloutTextColorBase: 0, 150, 161;
  1241. }
  1242.  
  1243. :has(> .lucide-alert-triangle):after {
  1244. content: "􀇾";
  1245. }
  1246.  
  1247. :has(> .lucide-arrow-right):after {
  1248. font-weight: 600;
  1249. content: "􀆊";
  1250. }
  1251.  
  1252. .view-header-title-container *, .workspace-tab-header-inner * {
  1253. font-weight: 600;
  1254. font-size: 15px;
  1255. }
  1256.  
  1257. .view-header-title-parent .view-header-breadcrumb, .view-header-title {
  1258. padding: 4px 6px;
  1259. }
  1260.  
  1261. .view-header-title-parent .view-header-breadcrumb {
  1262. cursor: pointer;
  1263. margin: 0 2px;
  1264. }
  1265.  
  1266. .view-header-title-parent .view-header-breadcrumb-separator {
  1267. position: relative;
  1268. top: 1.5px;
  1269. }
  1270.  
  1271. .workspace-tab-header-inner * {
  1272. text-align: center;
  1273. font-size: 14px;
  1274. }
  1275.  
  1276. .mod-root .workspace-tabs .workspace-tab-header {
  1277. max-width: unset;
  1278. width: 700px;
  1279. }
  1280.  
  1281. .active-workspace:after, :has(> .lucide-check):after {
  1282. transform: scale(0.8);
  1283. display: block;
  1284. content: "􀆅";
  1285. }
  1286.  
  1287. .workspace-item {
  1288. padding: 5px 6rem 5px 1.6rem;
  1289. }
  1290.  
  1291. :has(> .uppercase-lowercase-a):after {
  1292. content: "􀅒";
  1293. }
  1294.  
  1295. :has(> .lucide-files):after {
  1296. content: "􀉁";
  1297. }
  1298.  
  1299. :has(> .lucide-trash):after, :has(> .lucide-trash-2):after, [aria-label="Delete workspace"]:after {
  1300. content: "􀈑";
  1301. }
  1302.  
  1303. .workspace-tab-header[aria-label="Calendar Tasks"] .workspace-tab-header-inner-icon:after,
  1304. :has(> :is(.svg-icon.lucide-calendar, .lucide-calendar-check)):after {
  1305. content: "􀉉";
  1306. }
  1307.  
  1308. :has(> .svg-icon.fa-Images):after {
  1309. content: "􀏯";
  1310. }
  1311.  
  1312. :has( > .sidebar-left):after, :has(> .lucide-sidebar):after {
  1313. content: "􀏚";
  1314. }
  1315.  
  1316. :has(> .svg-icon.lucide-mic):after {
  1317. content: "􀊰";
  1318. }
  1319.  
  1320. :has(> .lucide-search):after {
  1321. content: "􀊫";
  1322. }
  1323.  
  1324. :has(> .lucide-pencil):after, [aria-label="Rename workspace"]:after {
  1325. transform: scale(0.85);
  1326. font-weight: 900;
  1327. content: "􀈊";
  1328. }
  1329.  
  1330. :has(> .lucide-arrow-left):after {
  1331. font-weight: 600;
  1332. content: "􀆉";
  1333. }
  1334.  
  1335. [aria-label="Navigate forward(Ctrl+Alt+ArrowRight)"]:after {
  1336. transform: scale(0.8);
  1337. }
  1338.  
  1339. :has(> .lucide-settings):after {
  1340. content: "􀍟";
  1341. }
  1342.  
  1343. :has(> .lucide-folder-closed):after {
  1344. content: "􀈕";
  1345. }
  1346.  
  1347. :has(> .lucide-folder-plus):after {
  1348. margin: 2px 2px 0 0;
  1349. content: "􀈙";
  1350. }
  1351.  
  1352. :has(> .question-mark-glyph, > .svg-icon.help, > .lucide-help-circle):after {
  1353. content: "􀁜";
  1354. }
  1355.  
  1356. :has(> .lucide-edit):after {
  1357. content: "􀈎";
  1358. }
  1359.  
  1360. :has(> .lucide-git-fork):after {
  1361. content: "􁆬";
  1362. }
  1363.  
  1364. :has(> :is(.lucide-star)):after {
  1365. content: "􀋂";
  1366. }
  1367.  
  1368. :has(> .lucide-clock):after {
  1369. content: "􀐫" !important;
  1370. transform: scale(1.15);
  1371. }
  1372.  
  1373. :has(> :is(.lucide-terminal-square, .lucide-terminal)):after {
  1374. content: "􀩼";
  1375. }
  1376.  
  1377. :has(> .lucide-redo-2):after {
  1378. content: "􀱓";
  1379. }
  1380.  
  1381. [aria-label="Collapse results"]:after {
  1382. content: "􀋲";
  1383. }
  1384.  
  1385. [aria-label="Open command palette"]:after {
  1386. transform: scale(0.9);
  1387. }
  1388.  
  1389. [aria-label="Open quick switcher"]:after {
  1390. transform: scale(0.9);
  1391. content: "􀉁";
  1392. }
  1393.  
  1394. [aria-label="Navigate back(Ctrl+Alt+ArrowLeft)"]:after {
  1395. transform: scale(0.8);
  1396. }
  1397.  
  1398. .mobile-toolbar :is(.clickable-icon, .workspace-tab-header-inner-icon, button, .mobile-toolbar-option):has(.lucide-redo-2, .lucide-undo-2, .lucide-code, .lucide-terminal-square, .lucide-link, .lucide-sticky-note, .lucide-paperclip, .lucide-indent, .lucide-outdent, .keyboard-toggle, .lucide-wrench, .lucide-minimize-2, .lucide-scissors, .lucide-copy, .lucide-clipboard-type, .lucide-search):after {
  1399. transform: scale(0.8);
  1400. }
  1401.  
  1402. .prompt-results:not(.renaming) .workspace-item.is-selected, .search-input-clear-button:hover, .callout-fold:hover, .better-command-palette p.hidden-items-header:hover, .search-results-info .dropdown:hover {
  1403. background-color: var(--background-modifier-hover);
  1404. }
  1405.  
  1406. .mobile-toolbar :has(.question-mark-glyph, .lucide-quote):after {
  1407. transform: scale(0.9);
  1408. }
  1409.  
  1410. [aria-label="Clear text formatting"]:after {
  1411. transform: translateX(-1px);
  1412. content: "􁝀";
  1413. }
  1414.  
  1415. [aria-label="Toggle strikethrough"]:after {
  1416. transform: scale(1.25);
  1417. content: "􀅖";
  1418. }
  1419.  
  1420. [aria-label="Toggle underline"]:after {
  1421. transform: scale(1.125);
  1422. content: "􀅕";
  1423. }
  1424.  
  1425. :is(.clickable-icon, .workspace-tab-header-inner-icon, button, .mobile-toolbar-option):has(.lucide-undo-2):after {
  1426. content: "􀱍";
  1427. }
  1428.  
  1429. :is(.clickable-icon, .workspace-tab-header-inner-icon, button, .mobile-toolbar-option):has(.lucide-redo-2):after {
  1430. content: "􀱓";
  1431. }
  1432.  
  1433. [aria-label="undo editor"]:after, [aria-label="redo editor"]:after {
  1434. transform: translate(-1px, -1px);
  1435. }
  1436.  
  1437. [aria-label="numbered list"]:after {
  1438. content: "􀋴";
  1439. }
  1440.  
  1441. :has(> .lucide-code):after {
  1442. content: "􀡅";
  1443. }
  1444.  
  1445. :has(> .lucide-terminal-square):after {
  1446. content: "􀩼";
  1447. }
  1448.  
  1449. :has(> .lucide-italic):after {
  1450. content: "􀅔";
  1451. }
  1452.  
  1453. :has(> .lucide-strikethrough):after {
  1454. content: "􀅖";
  1455. }
  1456.  
  1457. :has(> :is(.lucide-link, .svg-icon.link)):after {
  1458. content: "􀉣";
  1459. }
  1460.  
  1461. :has(> .bracket-glyph):after {
  1462. content: "􀤘";
  1463. }
  1464.  
  1465. :has(> .lucide-sticky-note):after {
  1466. content: "􀣙";
  1467. }
  1468.  
  1469. :has(> .lucide-file-plus):after {
  1470. content: "􀣗";
  1471. }
  1472.  
  1473. :has(> .lucide-paperclip):after {
  1474. content: "􀉢";
  1475. }
  1476.  
  1477. :has(> .heading-glyph):after {
  1478. content: "􀂢";
  1479. }
  1480.  
  1481. :has(> .lucide-quote):after {
  1482. content: "􁈏";
  1483. }
  1484.  
  1485. [aria-label="bullet list"]:after,
  1486. :has(> .lucide-list):after {
  1487. content: "􀋲";
  1488. }
  1489.  
  1490. :has(> .lucide-list-ordered):after {
  1491. content: "􀋴";
  1492. }
  1493.  
  1494. :has(> .lucide-indent):after {
  1495. content: "􀋵";
  1496. }
  1497.  
  1498. :has(> .lucide-outdent):after {
  1499. content: "􀋶";
  1500. }
  1501.  
  1502. :has(> .keyboard-toggle):after {
  1503. content: "􀓖";
  1504. }
  1505.  
  1506. :has(> .lucide-wrench):after {
  1507. content: "􀍟";
  1508. }
  1509.  
  1510. :has(> .lucide-minimize-2):after {
  1511. content: "􀅋";
  1512. }
  1513.  
  1514. .markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator {
  1515. padding: 0;
  1516. top: 1px;
  1517. }
  1518.  
  1519. .setting-item:not(:first-child) {
  1520. padding: 0.25em 0;
  1521. }
  1522.  
  1523. .installed-plugins-container .setting-item {
  1524. padding: 0.25em 0;
  1525. }
  1526.  
  1527. .setting-item-control {
  1528. gap: 2px;
  1529. }
  1530.  
  1531. .setting-item-control .search-input-container {
  1532. margin-right: 3px;
  1533. }
  1534.  
  1535. .cm-fold-indicator .svg-icon.right-triangle {
  1536. border-radius: 2px;
  1537. stroke-width: 5px;
  1538. padding: 2px;
  1539. height: 14px;
  1540. width: 14px;
  1541. }
  1542.  
  1543. .collapse-indicator:hover svg {
  1544. background: var(--nav-item-background-hover);
  1545. }
  1546.  
  1547. .modal.mod-settings .vertical-tab-header {
  1548. padding: 12px 10px;
  1549. }
  1550.  
  1551. .modal-close-button {
  1552. backdrop-filter: var(--blurFilter);
  1553. background: transparent;
  1554. z-index: 999999;
  1555. }
  1556.  
  1557. .setting-item-name, .setting-item-description {
  1558. color: var(--textColor);
  1559. font-weight: 600;
  1560. }
  1561.  
  1562. .setting-item-description, .is-selected .community-item-desc {
  1563. opacity: 0.8;
  1564. }
  1565.  
  1566. .setting-delete-hotkey {
  1567. padding: 2px;
  1568. }
  1569.  
  1570. .setting-delete-hotkey:hover {
  1571. background-color: var(--background-modifier-hover);
  1572. cursor: pointer;
  1573. color: inherit;
  1574. }
  1575.  
  1576. button.mod-cta[aria-label="Add additional folder template"] {
  1577. font-size: 15px;
  1578. height: 25px;
  1579. width: 25px;
  1580. padding: 0;
  1581. }
  1582.  
  1583. select:hover, .dropdown:hover, select:focus, .dropdown:focus {
  1584. box-shadow: none;
  1585. cursor: pointer;
  1586. }
  1587.  
  1588. .callout ul > li.task-list-item[data-task="x"], .callout ul > li.task-list-item[data-task="X"] {
  1589. --checklist-done-color: rgb(var(--callout-color)) ;
  1590. }
  1591.  
  1592. :not(.markdown-embed-content) > .markdown-rendered ul > li:not(.task-list-item):before {
  1593. margin-right: 5px;
  1594. margin-left: 4px;
  1595. content: "-";
  1596. }
  1597.  
  1598. /* task styling */
  1599. .cm-line:has([data-task]), [data-task], [data-task] *, .task-list-item-checkbox {
  1600. --tag-background: rgba(var(--taskColorBase), 0.1);
  1601. --checklist-done-color: var(--taskColor);
  1602. --checkbox-color-hover: var(--taskColor);
  1603. --tag-color: rgb(var(--taskColorBase));
  1604. --taskColor: rgb(var(--taskColorBase));
  1605. --taskColorBase: var(--textColorBase);
  1606. --checkbox-color: var(--taskColor);
  1607. --checkboxColor: var(--taskColor);
  1608. color: var(--taskColor);
  1609. }
  1610.  
  1611. input[type=checkbox] {
  1612. border: 1.5px solid var(--checkbox-color);
  1613. margin: 0 1.5px 0 0;
  1614. border-radius: 3px;
  1615. }
  1616.  
  1617. [data-task]:not([data-task=" "]):not([data-task=""]) {
  1618. text-decoration: var(--checklist-done-decoration);
  1619. }
  1620.  
  1621. .cm-line:has([data-task="x"]), [data-task="x"], [data-task="x"] * {
  1622. --taskColorBase: 2, 173, 150;
  1623. }
  1624.  
  1625. .cm-line:has([data-task=" "]), [data-task=" "], [data-task=" "] * {
  1626. --tag-background: unset;
  1627. --tag-color: unset;
  1628. }
  1629.  
  1630. .cm-line:has([data-task="-"]), [data-task="-"], [data-task="-"] * {
  1631. --taskColorBase: 255, 82, 82;
  1632. }
  1633.  
  1634. .cm-line:has([data-task="/"]), [data-task="/"], [data-task="/"] * {
  1635. --taskColorBase: 255, 145, 0;
  1636. }
  1637.  
  1638. input[type=checkbox]:is([data-task="-"], [data-task="/"]):checked:after, :is([data-task="-"], [data-task="/"]) input[type=checkbox]:checked:after {
  1639. -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' stroke='%23000' stroke-width='4'%3E%3Cpath d='M6 36v-3h36v3Zm0'/%3E%3C/svg%3E") !important;
  1640. transform: scale(1.125, 1.25) translateY(-2.6px) !important;
  1641. }
  1642.  
  1643. input[type=checkbox][data-task="/"]:checked:after, [data-task="/"] input[type=checkbox]:checked:after {
  1644. transform: scale(1.5, 1.25) translate(-2px, -1.5px) rotate(-67.5deg) !important;
  1645. }
  1646.  
  1647. .search-results-info .dropdown {
  1648. height: unset !important;
  1649. width: 155px !important;
  1650. padding-bottom: 4.5px;
  1651. padding-top: 4.5px;
  1652. }
  1653.  
  1654. .dropdown {
  1655. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  1656. background-position: calc(100% - 5px);
  1657. background-size: 17.5px;
  1658. }
  1659.  
  1660. .tree-item-flair-outer {
  1661. text-align: right;
  1662. }
  1663.  
  1664. /* frontmatter styling */
  1665.  
  1666. /*
  1667. .cm-line:has(.cm-def.cm-hmd-frontmatter):not(.cm-active) {
  1668. height: 5px;
  1669. }
  1670.  
  1671. .cm-line:has(.cm-def.cm-hmd-frontmatter) {
  1672. border-radius: 5px 5px 0 0;
  1673. }
  1674.  
  1675. .cm-line:has(.cm-def.cm-hmd-frontmatter):not(:first-child) {
  1676. margin-bottom: 5px !important;
  1677. padding: 0px 10px !important;
  1678. border-radius: 0 0 5px 5px;
  1679. }
  1680.  
  1681. .cm-line:has(.cm-hmd-frontmatter) {
  1682. font-family: var(--font-text);
  1683. color: white !important;
  1684. background: black;
  1685. }
  1686.  
  1687. .cm-line:has(.cm-def.cm-hmd-frontmatter):not(.cm-active) span {
  1688. font-size: 0;
  1689. }
  1690. */
  1691.  
  1692. /* document styling */
  1693. .cm-line, .list-bullet, .markdown-rendered p:not(.callout p), .community-item *, .graph-control-section-header, .search-result-file-match, .search-result-file-match:hover, .dataview, ul {
  1694. --list-marker-color: var(--textColor);
  1695. font-weight: var(--textFontWeight);
  1696. color: var(--textColor);
  1697. }
  1698.  
  1699. .community-modal-readme, .dynbedded, .markdown-embed *, .community-modal-info-author, .community-modal-info-repo, .community-modal-info-version, .community-modal-info-downloads, .community-modal-info-desc {
  1700. font-weight: var(--textFontWeight);
  1701. color: var(--textColor);
  1702. }
  1703.  
  1704. .markdown-rendered *:not(pre) > code, .cm-s-obsidian span.cm-inline-code, .cm-s-obsidian span.cm-blockid, kbd, .prompt-instruction-command, code {
  1705. background-color: rgba(var(--codeColor), 0.1) !important;
  1706. font-family: var(--font-monospace);
  1707. color: rgb(var(--codeColor));
  1708. font-weight: 700;
  1709. }
  1710.  
  1711. pre code {
  1712. background: transparent !important;
  1713. }
  1714.  
  1715. .HyperMD-codeblock > span, pre {
  1716. font-family: var(--font-monospace);
  1717. font-weight: 700;
  1718. }
  1719.  
  1720. .HyperMD-codeblock [class="cm-hmd-codeblock"], pre {
  1721. color: var(--code-normal);
  1722. }
  1723.  
  1724. .cm-s-obsidian div.HyperMD-codeblock-bg, pre {
  1725. font-size: var(--code-size);
  1726. }
  1727.  
  1728. .cm-em {
  1729. opacity: 0.9;
  1730. }
  1731.  
  1732. .prompt-instruction-command {
  1733. border-radius: 2px;
  1734. padding: 0 2px;
  1735. }
  1736.  
  1737. .cm-line[class*="HyperMD-list-line"] {
  1738. position: relative;
  1739. right: 4px;
  1740. }
  1741.  
  1742. .cm-formatting:has(.list-bullet), .cm-formatting:has(.list-bullet) + [class*=cm-list] {
  1743. position: relative;
  1744. left: 2.25px;
  1745. }
  1746.  
  1747. .list-bullet {
  1748. font-size: calc(var(--font-text-size) + 1px);
  1749. max-height: 22px;
  1750. }
  1751.  
  1752. .cm-s-obsidian span.cm-blockid {
  1753. border-radius: 1em;
  1754. padding: 1px 5px;
  1755. }
  1756.  
  1757. .installed-plugins-container {
  1758. border: none;
  1759. padding: 0;
  1760. }
  1761.  
  1762. .cm-s-obsidian span.cm-inline-code, code {
  1763. font-size: calc(var(--font-text-size) - 2px) !important;
  1764. border-radius: 1px;
  1765. padding: 0 2px;
  1766. }
  1767.  
  1768. .callout :has([class*="lucide"], .svg-icon):after, .callout-title-inner, .search-result-hover-button:after, .community-item > div:not(:first-child):not(:last-child), .community-item-downloads-text, .community-item-downloads :after {
  1769. font-weight: 700;
  1770. }
  1771.  
  1772. .community-modal-info {
  1773. padding: 30px 20px 20px;
  1774. }
  1775.  
  1776. .modal-setting-nav-bar {
  1777. padding: 4px var(--size-4-3) 5px;
  1778. background: transparent;
  1779. position: absolute;
  1780. border: none;
  1781. }
  1782.  
  1783. .modal-setting-nav-bar .clickable-icon:not(.search-results-result-count) {
  1784. backdrop-filter: var(--blurFilter);
  1785. z-index: 99999;
  1786. height: 24px;
  1787. width: 24px;
  1788. }
  1789.  
  1790. .modal-setting-nav-bar .clickable-icon:not(.search-results-result-count):after {
  1791. height: 16px;
  1792. }
  1793.  
  1794. .flair.mod-pop {
  1795. border-radius: 3px;
  1796. font-weight: 600;
  1797. padding: 3px 8px;
  1798. font-size: 12px;
  1799. }
  1800.  
  1801. .community-item-name .flair.mod-pop {
  1802. padding: 2px 6px;
  1803. font-size: 11px;
  1804. }
  1805.  
  1806. .markdown-rendered .callout p, .markdown-rendered .callout, .callout :has(> .lucide-alert-circle):after {
  1807. font-weight: var(--textFontWeight);
  1808. }
  1809.  
  1810. :has(> .lucide-alert-circle):after {
  1811. content: "􀁞";
  1812. }
  1813.  
  1814. .vertical-tab-content {
  1815. padding-right: 20px;
  1816. padding-left: 20px;
  1817. }
  1818.  
  1819. .vertical-tab-content h2 {
  1820. font-size: var(--h2-size);
  1821. }
  1822.  
  1823. .cm-line:not([class*="HyperMD"]) {
  1824. padding-bottom: 5px !important;
  1825. }
  1826.  
  1827. .markdown-source-view.mod-cm6 .HyperMD-codeblock + .cm-line:not(:has(:only-child)):not(.HyperMD-codeblock) {
  1828. padding-top: 5px !important;
  1829. }
  1830.  
  1831. .markdown-source-view.mod-cm6 .HyperMD-codeblock + .cm-embed-block {
  1832. margin-top: 5px !important;
  1833. }
  1834.  
  1835. body, .markdown-source-view.mod-cm6 .cm-link .cm-underline, .markdown-source-view.mod-cm6 .cm-url .cm-underline, .cm-s-obsidian span.cm-formatting-link.cm-url, .cm-s-obsidian span.cm-url, .cm-s-obsidian span.cm-link, .cm-s-obsidian span.cm-link:hover, .cm-s-obsidian span.cm-hmd-internal-link, .markdown-source-view.mod-cm6 .cm-underline, .markdown-source-view.mod-cm6 .is-unresolved .cm-underline, .external-link, .internal-link {
  1836. transition: var(--Transition);
  1837. --link-external-color-hover: var(--linkHoverColor) !important;
  1838. --link-color-hover: var(--linkHoverColor) !important;
  1839. --link-unresolved-color: var(--linkColor) !important;
  1840. --link-external-color: var(--linkColor) !important;
  1841. --link-external-decoration-hover: none !important;
  1842. --blockquote-color: var(--textColor) !important;
  1843. --link-color: var(--linkColor) !important;
  1844. --link-decoration-hover: none !important;
  1845. --link-decoration: unset !important;
  1846. --link-unresolved-opacity: 1;
  1847. text-decoration: none;
  1848. }
  1849.  
  1850. .external-link, .external-link *, [data-task] :is(.cm-hmd-internal-link, .cm-url, .cm-link), [data-task] :is(.cm-hmd-internal-link, .cm-url, .cm-link) * {
  1851. color: var(--linkColor);
  1852. }
  1853.  
  1854. .external-link:hover, .external-link *:hover, [data-task] :is(.cm-hmd-internal-link, .cm-url):hover, [data-task] :is(.cm-hmd-internal-link, .cm-url) *:hover {
  1855. color: var(--linkHoverColor) !important;
  1856. }
  1857.  
  1858. .snw-reference {
  1859. padding: 0px 2px !important;
  1860. border-radius: 2.5px;
  1861. border: 1.5px solid;
  1862. font-weight: 700;
  1863. opacity: 0.7;
  1864. }
  1865.  
  1866. .community-modal-search-results {
  1867. padding: 8px;
  1868. gap: 8px;
  1869. }
  1870.  
  1871. .community-item {
  1872. padding: 8px 12px;
  1873. }
  1874.  
  1875. .community-item-name {
  1876. color: var(--pluginTitleColor);
  1877. font-weight: 700;
  1878. font-size: 16px;
  1879. }
  1880.  
  1881. .is-flashing *, .cm-s-obsidian .is-flashing span.cm-inline-code {
  1882. background-color: transparent !important;
  1883. color: var(--text-on-accent) !important;
  1884. }
  1885.  
  1886. .community-item .suggestion-highlight {
  1887. color: var(--text-on-accent);
  1888. background: #9578F080;
  1889. font-weight: inherit;
  1890. border-radius: 3px;
  1891. padding: 0 1px;
  1892. }
  1893.  
  1894. .community-item.is-selected .suggestion-highlight, .community-item.is-selected .flair, .community-item.is-selected:hover .flair {
  1895. background: var(--text-on-accent);
  1896. font-weight: 700;
  1897. color: #9578F0;
  1898. }
  1899.  
  1900. .cm-blockid + * + .snw-reference {
  1901. color: rgb(var(--codeColor));
  1902. }
  1903.  
  1904. a + .snw-reference {
  1905. color: var(--link-color);
  1906. }
  1907.  
  1908. .mobile-toolbar :has(.lucide-italic, .lucide-scissors, .lucide-copy, .lucide-clipboard-type):after {
  1909. transform: unset;
  1910. }
  1911.  
  1912. :has(> .lucide-scissors):after {
  1913. content: "􀉈";
  1914. }
  1915.  
  1916. :has(> .lucide-copy):after {
  1917. content: "􀉁";
  1918. }
  1919.  
  1920. :has(> .lucide-clipboard-type):after {
  1921. content: "􀉃";
  1922. }
  1923.  
  1924. .internal-link {
  1925. color: var(--link-color);
  1926. }
  1927.  
  1928. .internal-link:hover {
  1929. color: var(--link-color-hover);
  1930. }
  1931.  
  1932. .cm-hmd-internal-link > span:after, .internal-link:after {
  1933. font-size: 0.8em !important;
  1934. transform: translateY(-1px);
  1935. display: inline-block;
  1936. margin-left: 2px;
  1937. font-weight: 700;
  1938. text-indent: 0;
  1939. content: "􀉣";
  1940. }
  1941.  
  1942. *:after, .vertical-tab-nav-item {
  1943. font-family: "SF Pro Text";
  1944. font-weight: 500;
  1945. }
  1946.  
  1947. div.community-modal-readme > ul.contains-task-list > li.task-list-item {
  1948. margin-left: 2px;
  1949. }
  1950.  
  1951. .external-link {
  1952. padding-right: 3px;
  1953. background: none;
  1954. }
  1955.  
  1956. span.cm-formatting.cm-formatting-link-string.cm-string.cm-url.external-link {
  1957. background-image: none;
  1958. }
  1959.  
  1960. span.cm-formatting.cm-formatting-link-string.cm-string.cm-url.external-link:after, .markdown-rendered .external-link:after, .external-link:after, .cm-line > .cm-url:first-of-type:after {
  1961. margin-left: 3px;
  1962. content: "􀄔";
  1963. }
  1964.  
  1965. .cm-s-obsidian span.cm-hmd-internal-link {
  1966. transition: var(--Transition);
  1967. }
  1968.  
  1969. .markdown-rendered p, .workspace-tab-header-container-inner, .better-command-palette .hidden-items-header, .markdown-rendered :is(h1, h2, h3, h4, h5, h6), .callout-icon, .community-item-updated, .inline-title, .setting-filter-container, .popover.hover-popover > .mod-empty {
  1970. margin: 0;
  1971. }
  1972.  
  1973. .inline-title, .diff .d2h-file-name, .embed-title, .embed-title.markdown-embed-title, .community-modal-info-name, .search-result-file-title .tree-item-inner {
  1974. color: var(--titleColor);
  1975. font-weight: 800;
  1976. }
  1977.  
  1978. .dataview.small-text {
  1979. color: var(--titleColor);
  1980. font-weight: 700;
  1981. }
  1982.  
  1983. .search-result-file-title .tree-item-inner {
  1984. font-weight: 600;
  1985. }
  1986.  
  1987. .vertical-tab-content h4 {
  1988. font-size: var(--h3-size);
  1989. color: var(--h3-color);
  1990. }
  1991.  
  1992. .vertical-tab-header-group-title {
  1993. font-size: calc(var(--font-ui-small) + 1px);
  1994. color: rgb(142, 142, 142);
  1995. padding-bottom: 5px;
  1996. }
  1997.  
  1998. .inline-title, .embed-title, .mod-root .workspace-tab-header-container-inner, .vertical-tab-nav-item.settings-search-input, .setting-item-description, .vertical-tab-header-group, :not(:has(.setting-item)) > :has(.setting-item + .setting-item) > .setting-item:first-child:not(:only-child), .setting-item, .cm-s-obsidian .cm-line.HyperMD-header {
  1999. padding: 0;
  2000. }
  2001.  
  2002. .archiver-rule-container {
  2003. border: none;
  2004. padding: 0;
  2005. }
  2006.  
  2007. .community-modal-info-name {
  2008. font-size: var(--h1-size);
  2009. margin-bottom: -3px;
  2010. }
  2011.  
  2012. .HyperMD-header:has(.cm-header-1), :is(*, .markdown-rendered) h1 {
  2013. font-size: var(--h1-size);
  2014. color: var(--h1-color);
  2015. font-weight: 800;
  2016. }
  2017.  
  2018. .HyperMD-header:has(.cm-header-2), :is(*, .markdown-rendered) h2, .setting-item-heading .setting-item-name, :is(*, .markdown-rendered) .dataview h4 {
  2019. font-size: var(--h2-size);
  2020. color: var(--h2-color);
  2021. font-weight: 800;
  2022. }
  2023.  
  2024. .HyperMD-header:has(.cm-header-3), :is(*, .markdown-rendered) h3 {
  2025. font-size: var(--h3-size);
  2026. color: var(--h3-color);
  2027. font-weight: 800;
  2028. }
  2029.  
  2030. .mod-settings h4 {
  2031. margin-bottom: -5px;
  2032. }
  2033.  
  2034. .HyperMD-header:has(.cm-header-4), :is(*, .markdown-rendered) h4 {
  2035. font-variant: initial !important;
  2036. font-size: var(--h4-size);
  2037. color: var(--h4-color);
  2038. font-weight: 800;
  2039. }
  2040.  
  2041. :is(*, .markdown-rendered) .dataview h4 {
  2042. font-size: var(--h4-size);
  2043. }
  2044.  
  2045. .HyperMD-header:has(.cm-header-5), :is(*, .markdown-rendered) h5, .search-info-container {
  2046. color: var(--textColor);
  2047. }
  2048.  
  2049. .cm-line ol, .cm-line div ul {
  2050. padding-inline-start: 22px !important;
  2051. }
  2052.  
  2053. .markdown-rendered hr {
  2054. border-color: var(--textColor);
  2055. }
  2056.  
  2057. .setting-item.is-flashing {
  2058. background: #9678f04c;
  2059. padding: 0.5em 10px;
  2060. margin: 0 -10px;
  2061. }
  2062.  
  2063. hr {
  2064. border-color: var(--textColor);
  2065. margin: 3px 0 !important;
  2066. opacity: 0.5;
  2067. }
  2068.  
  2069. .cm-line + .HyperMD-header, .markdown-source-view.mod-cm6 .cm-line.HyperMD-header, .markdown-source-view.mod-cm6 .cm-content > .cm-line + div:has(hr) {
  2070. margin-top: -3px !important;
  2071. }
  2072.  
  2073. .cm-line:not(.HyperMD-list-line):not(.HyperMD-header).cm-line:has(hr) {
  2074. padding-bottom: 0px !important;
  2075. }
  2076.  
  2077. :not(.markdown-preview-sizer) > div > ul.contains-task-list > li, .markdown-embed-content div > ul > li {
  2078. margin-left: -22px;
  2079. }
  2080.  
  2081. :not(.markdown-embed-content) > .markdown-rendered ul {
  2082. list-style-type: none;
  2083. }
  2084.  
  2085. :not(.markdown-embed-content) > .markdown-rendered input[type=checkbox] {
  2086. margin: 0 5px 0 2px;
  2087. }
  2088.  
  2089. blockquote, .markdown-rendered blockquote {
  2090. padding: 2px 0 2px 10px;
  2091. border-left: 3px solid;
  2092. margin: 0;
  2093. }
  2094.  
  2095. .markdown-rendered ul, .markdown-rendered table, .markdown-rendered ol, h1, h2, h3, h4, h5, h6, pre {
  2096. margin-inline-start: 0;
  2097. margin-block-start: 0;
  2098. margin-block-end: 0;
  2099. }
  2100.  
  2101. .community-modal-button-container {
  2102. margin: 10px 0;
  2103. }
  2104.  
  2105. .cm-s-obsidian span.cm-hmd-escape-backslash {
  2106. color: unset;
  2107. opacity: 0.5;
  2108. }
  2109.  
  2110. .cm-header, .view-content .list-collapse-indicator svg.svg-icon, .view-content .collapse-indicator svg.svg-icon, .view-content .is-collapsed .list-collapse-indicator svg.svg-icon, .view-content .is-collapsed .collapse-indicator svg.svg-icon {
  2111. font-weight: inherit;
  2112. color: inherit;
  2113. }
  2114.  
  2115. .search-results-info .dropdown:hover {
  2116. color: inherit;
  2117. }
  2118.  
  2119. .community-modal-info-downloads span:first-child {
  2120. position: relative;
  2121. bottom: 2px;
  2122. }
  2123.  
  2124. .cm-formatting-header {
  2125. opacity: 0.75;
  2126. }
  2127.  
  2128.  
  2129. .markdown-source-view.mod-cm6 .cm-indent::before, .markdown-rendered li > :is(ul, ol)::before {
  2130. background: var(--textColor) !important;
  2131. transform: translateX(0.3em) !important;
  2132. border: none !important;
  2133. opacity: 0.5 !important;
  2134. width: 2px !important;
  2135. }
  2136.  
  2137. .better-command-palette p.hidden-items-header {
  2138. padding: var(--size-2-3) var(--size-4-3);
  2139. margin: 6px 12px -8px !important;
  2140. border-radius: var(--radius-s);
  2141. color: #000 !important;
  2142. }
  2143.  
  2144. .markdown-rendered li > :is(ul, ol)::before {
  2145. left: 0.25em !important;
  2146. top: 1px !important;
  2147. }
  2148.  
  2149. .markdown-rendered .list-bullet {
  2150. margin-left: 0.25em;
  2151. margin-right: 5px;
  2152. }
  2153.  
  2154. .cm-callout.markdown-rendered.show-indentation-guide li > ul::before, .cm-callout.markdown-rendered.show-indentation-guide li > ol::before {
  2155. background: rgb(var(--callout-color)) !important;
  2156. }
  2157.  
  2158. .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:before, .markdown-source-view.mod-cm6 .cm-blockquote-border:before {
  2159. border-left: var(--quoteBorder);
  2160. width: 0px;
  2161. left: 5px;
  2162. }
  2163.  
  2164. [class*="quote-1"] ~ .cm-blockquote-border:before {
  2165. opacity: 0.5;
  2166. }
  2167.  
  2168. [class*="quote-2"] ~ .cm-blockquote-border:before {
  2169. opacity: 1;
  2170. }
  2171.  
  2172. .markdown-source-view.mod-cm6 .cm-blockquote-border:before {
  2173. left: unset;
  2174. }
  2175.  
  2176. .HyperMD-quote {
  2177. right: 5px;
  2178. }
  2179.  
  2180. .callout blockquote, .callout blockquote blockquote blockquote {
  2181. border-color: rgba(var(--callout-color), 0.75);
  2182. }
  2183.  
  2184. .callout blockquote blockquote {
  2185. border-color: rgba(var(--callout-color), 0.375);
  2186. }
  2187.  
  2188. .multi-select-pill {
  2189. --pill-background: #00E5FF;
  2190. --pill-color: #006064;
  2191. padding: 0 7px;
  2192. }
  2193.  
  2194. .TaskTable span:has(> a):before {
  2195. display: inline-block;
  2196. text-align: center;
  2197. border-radius: 1em;
  2198. margin-right: 5px;
  2199. content: "";
  2200. width: 22px;
  2201. }
  2202.  
  2203. .TaskTable :is(ol, ul) {
  2204. margin: 0 !important;
  2205. padding-left: 26px;
  2206. }
  2207.  
  2208. .TaskTable tr:has(.TaskOverdue) span:has(> a):before {
  2209. background: #FF0000;
  2210. color: #FFF;
  2211. content: "X";
  2212. }
  2213.  
  2214. .TaskTable tr:has(.Priority2) a.internal-link {
  2215. color: #00E5FF;
  2216. }
  2217.  
  2218. .TaskTable td {
  2219. text-overflow: unset !important;
  2220. }
  2221.  
  2222. .TaskTable td::-webkit-scrollbar, .TaskTable td::-webkit-scrollbar-track, .TaskTable td::-webkit-scrollbar-thumb, .TaskTable td::-webkit-scrollbar-thumb:hover {
  2223. width: 0 !important;
  2224. height: 0 !important;
  2225. background: transparent !important;
  2226. }
  2227.  
  2228. td {
  2229. max-width: 400px !important;
  2230. overflow: scroll !important;
  2231. }
  2232.  
  2233. .TaskTable {
  2234. overflow: scroll;
  2235. }
  2236.  
  2237. th, td {
  2238. white-space: nowrap !important;
  2239. }
  2240.  
  2241. .workspace-tab-header:before, .workspace-tab-header:after, .workspace-tab-header-spacer, .mod-top-left-space .workspace-tab-header-inner-icon svg, .side-dock-settings, .workspace .mod-root .workspace-tab-header-inner::after, .tooltip-arrow, .cm-scroller::-webkit-scrollbar, .workspace-ribbon.mod-left:before, .sidebar-toggle-button.mod-left, .cm-line:has(hr) br, .u-muted div:not(:first-child), .mod-right-split .cm-contentContainer > div:first-child > div:has(.dynbedded), .view-header-title-container:not(.mod-at-end):after, .clickable-icon[aria-label="New note"], .dot-container.svelte-q3wqg9, :not(.has-list-bullet) * > * > .list-bullet:before, .list-bullet:after, .mod-root .workspace-tab-header:not(.is-active), .workspace-ribbon, .mod-right-split .snw-header-count-wrapper, .workspace-tab-header-new-tab, .workspace-tab-header-inner-close-button, .workspace-tab-header-tab-list, [aria-label="More options"] {
  2242. display: none !important;
  2243. }
  2244.  
  2245. div#main, .dataview.task-list-item, .dataview.task-list-basic-item, .sync-history-list-item, .view-action:not(:last-child) {
  2246. margin: 0;
  2247. }
  2248.  
  2249. body.hypothesis-highlights-always-on {
  2250. background: #FFF;
  2251. }
  2252.  
  2253. .has-list-bullet .list-bullet:before {
  2254. display: block !important;
  2255. content: "-";
  2256. }
  2257.  
  2258. @media (max-width: 1010px) {
  2259. .mod-right-split {
  2260. display: none;
  2261. }
  2262. }
  2263.  
  2264. @media (max-width: 740px) {
  2265. .mod-left-split {
  2266. display: none;
  2267. }
  2268. }
  2269.  
  2270. td .day.svelte-q3wqg9 {
  2271. border-radius: 50%;
  2272. line-height: 30px;
  2273. font-weight: 500;
  2274. font-size: 0.9em;
  2275. height: 40px;
  2276. margin: auto;
  2277. width: 40px;
  2278. }
  2279.  
  2280. tr th.svelte-pcimu8 {
  2281. color: var(--color-base-60);
  2282. font-size: 0.7em;
  2283. font-weight: 600;
  2284. }
  2285.  
  2286. div .nav.svelte-1vwr9dd.svelte-1vwr9dd {
  2287. margin: 0.6em 0 0.4em;
  2288. padding: 0 4px;
  2289. }
  2290.  
  2291. .day.today.svelte-q3wqg9 {
  2292. font-weight: 700;
  2293. }
  2294.  
  2295. .day.has-note.svelte-q3wqg9 {
  2296. letter-spacing: 0.25px;
  2297. font-weight: 800;
  2298. color: #4C3299;
  2299. }
  2300.  
  2301. td .day.svelte-q3wqg9.today {
  2302. text-decoration-thickness: 1.5px;
  2303. text-underline-offset: 2.5px;
  2304. text-decoration: underline;
  2305. }
  2306.  
  2307. .active.svelte-q3wqg9 {
  2308. color: #FFF !important;
  2309. }
  2310.  
  2311. div .arrow.svelte-156w7na svg.svelte-156w7na {
  2312. color: var(--icon-color);
  2313. height: 14px;
  2314. width: 14px;
  2315. }
  2316.  
  2317. div .reset-button.svelte-1vwr9dd.svelte-1vwr9dd {
  2318. line-height: 2.25em;
  2319. border-radius: 3px;
  2320. padding: 0 7.5px;
  2321. }
  2322.  
  2323. .arrow.svelte-156w7na.svelte-156w7na {
  2324. border-radius: 5px;
  2325. height: 24px;
  2326. }
  2327.  
  2328. .arrow.svelte-156w7na.svelte-156w7na:hover, div .reset-button.svelte-1vwr9dd.svelte-1vwr9dd:hover {
  2329. background: rgba(185, 181, 189, 0.25);
  2330. }
  2331.  
  2332. td .day.svelte-q3wqg9:hover {
  2333. background: var(--background-modifier-active-hover);
  2334. color: #4c3299;
  2335. }
  2336.  
  2337. h3 .month.svelte-1vwr9dd.svelte-1vwr9dd {
  2338. letter-spacing: 0.25px;
  2339. font-weight: 800;
  2340. color: #896CE2;
  2341. }
  2342.  
  2343. .markdown-rendered th {
  2344. color: var(--textColor);
  2345. font-weight: 800;
  2346. }
  2347.  
  2348. .markdown-rendered td {
  2349. color: var(--textColor);
  2350. font-weight: 500;
  2351. }
  2352.  
  2353. .is-focused .workspace-leaf.mod-active .view-header-title {
  2354. color: var(--text-muted);
  2355. }
  2356.  
  2357. .workspace-ribbon {
  2358. padding: 1.5px var(--size-4-1);
  2359. }
  2360.  
  2361. .mod-right-split .workspace-tab-container:has(.workspace-leaf:not([style="display: none;"]) .mod-cm6) {
  2362. margin-top: -35px;
  2363. }
  2364.  
  2365. .mod-right-split .workspace-leaf-content .view-content:has(.mod-cm6) .cm-scroller .cm-sizer:before {
  2366. margin: 0 -100px 0 -100px;
  2367. background: white;
  2368. display: block;
  2369. height: 30px;
  2370. width: 200%;
  2371. content: "";
  2372. }
  2373.  
  2374. .nav-file-title, .nav-folder-title {
  2375. font-size: 13.5px;
  2376. }
  2377.  
  2378. .nav-folder.mod-root > .nav-folder-title {
  2379. padding-left: 8px;
  2380. }
  2381.  
  2382. .nav-folder.mod-root > .nav-folder-title, .nav-folder.mod-root > .nav-folder-title:hover {
  2383. color: rgb(64,64,64);
  2384. font-weight: 400;
  2385. font-size: 14px;
  2386. }
  2387.  
  2388. .workspace-tab-header-container {
  2389. border: none;
  2390. height: 35px;
  2391. z-index: 1;
  2392. }
  2393.  
  2394. .notice-container {
  2395. padding: 10px 7px;
  2396. top: 30px;
  2397. }
  2398.  
  2399. .nav-buttons-container {
  2400. justify-content: center;
  2401. }
  2402.  
  2403. .workspace-tab-header {
  2404. border-radius: 0;
  2405. padding: 0;
  2406. }
  2407.  
  2408. .workspace-leaf-content[data-type="calendar"] .view-content, .is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container, .cm-editor .cm-content, .mod-root .workspace-tab-header-container, .sync-history-list {
  2409. padding: 0;
  2410. }
  2411.  
  2412. .mod-left-split .workspace-tab-header.has-active-menu, .mod-right-split .workspace-tab-header.has-active-menu, .mod-left-split .workspace-tab-header.is-active, .mod-right-split .workspace-tab-header.is-active {
  2413. background-color: var(--background-modifier-active-hover);
  2414. color: var(--icon-color-active);
  2415. }
  2416.  
  2417. .mod-left-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon, .mod-right-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon, .mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
  2418. color: #4c3299 !important;
  2419. }
  2420.  
  2421. .cmdr.clickable-icon {
  2422. color: var(--icon-color) !important;
  2423. }
  2424.  
  2425. /* custom icons */
  2426. .clickable-icon:not(.search-results-result-count) {
  2427. height: 26px;
  2428. width: 30px;
  2429. }
  2430.  
  2431. .is-translucent:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-leaf {
  2432. background-color: var(--background-secondary) !important;
  2433. }
  2434.  
  2435. .workspace-leaf-resize-handle {
  2436. opacity: 0 !important;
  2437. }
  2438.  
  2439. .cmdr-adder {
  2440. opacity: 1;
  2441. }
  2442.  
  2443. .plugin-obsidian-git > div {
  2444. margin-bottom: -2px;
  2445. }
  2446.  
  2447. .document-search-close-button {
  2448. top: 0px;
  2449. }
  2450.  
  2451. .workspace-tab-header-inner-close-button:after {
  2452. transform: scale(0.9);
  2453. }
  2454.  
  2455. .workspace-tab-header-inner-close-button {
  2456. position: relative !important;
  2457. padding: 3.5px !important;
  2458. border-radius: 50%;
  2459. left: 3px;
  2460. }
  2461.  
  2462. .workspace-tab-header-inner-close-button:hover {
  2463. background: #C3C1C5;
  2464. }
  2465.  
  2466. .recent-files-file-delete {
  2467. width: 17px;
  2468. border-radius: 50%;
  2469. }
  2470.  
  2471. .recent-files-file-delete:hover {
  2472. background: rgba(0,0,0,0.1);
  2473. }
  2474.  
  2475. input[type=checkbox]:checked:after {
  2476. left: -1.5px;
  2477. }
  2478.  
  2479. .nav-folder:not(.mod-root) .nav-file-title {
  2480. --nav-item-padding: 4px 8px;
  2481. }
  2482.  
  2483. .menu-item {
  2484. border-radius: 6px;
  2485. max-height: 22px;
  2486. font-weight: 400;
  2487. }
  2488.  
  2489. .menu {
  2490. border-radius: 6px;
  2491. padding: 5px;
  2492. }
  2493.  
  2494. .menu-separator {
  2495. width: calc(100% - 15px);
  2496. margin: 5px auto;
  2497. }
  2498.  
  2499. .backlink-pane .search-result-container, .outgoing-link-pane .search-result-container {
  2500. padding: 0px 1px 3px 0px;
  2501. }
  2502.  
  2503. .embedded-backlinks .nav-buttons-container {
  2504. top: 10px;
  2505. }
  2506.  
  2507. .embedded-backlinks .backlink-pane {
  2508. padding-top: 5px;
  2509. }
  2510.  
  2511. .inlinkedEntries-0-0-1706 {
  2512. padding: 10px;
  2513. }
  2514.  
  2515. .workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title, .workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title, .workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title:focus-within, .workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title:focus-within {
  2516. box-shadow: none;
  2517. }
  2518.  
  2519. /* icon css */
  2520.  
  2521. .cm-editor .cm-content {
  2522. padding-bottom: 0 !important;
  2523. padding-top: 30px;
  2524. }
  2525.  
  2526. influx-element .embedded-backlinks {
  2527. background: #F6F5F8;
  2528. border-radius: 5px;
  2529. margin-top: 0.5em;
  2530. padding: 0 0.5em;
  2531. border: none;
  2532. }
  2533.  
  2534. influx-element .embedded-backlinks .nav-header {
  2535. height: unset;
  2536. }
  2537.  
  2538. /*
  2539. .is-translucent:not(.is-fullscreen) .titlebar, .is-translucent:not(.is-fullscreen) .app-container {
  2540. background-color: rgba(215, 215, 215, 0.9);
  2541. }
  2542. */
  2543.  
  2544. .diff .d2h-file-list>li {
  2545. margin-top: -15px;
  2546. }
  2547.  
  2548. .markdown-source-view.mod-cm6 .cm-scroller {
  2549. --line-height-normal: 1.33;
  2550. }
  2551.  
  2552. .status-bar {
  2553. border: none;
  2554. bottom: 5px;
  2555. right: 5px;
  2556. }
  2557.  
  2558. .status-bar, .notice, .tooltip {
  2559. backdrop-filter: var(--blurFilter);
  2560. background: rgba(255,255,255,0.5);
  2561. border-radius: 5px;
  2562. }
  2563.  
  2564. .tooltip {
  2565. background: rgba(0,0,0,0.5);
  2566. }
  2567.  
  2568. .notice {
  2569. color: #000;
  2570. }
  2571.  
  2572. .notice {
  2573. padding: 7.5px 15px;
  2574. }
  2575.  
  2576. .tooltip.mod-right {
  2577. transform: translateY(-50%) translateX(-12.5%) !important;
  2578. }
  2579.  
  2580. .nav-folder-title[data-count]::after {
  2581. font-size: calc(var(--nav-item-size) - 1px);
  2582. color: #808080;
  2583. padding: 0;
  2584. }
  2585.  
  2586. .nav-files-container {
  2587. padding: 10px 10px var(--size-4-6);
  2588. }
  2589.  
  2590. .nav-buttons-container .clickable-icon *, .nav-buttons-container .clickable-icon:after {
  2591. transform: scale(1.05);
  2592. }
  2593.  
  2594. .mod-root .workspace-tab-container {
  2595. margin-top: -35px;
  2596. padding-top: 35px;
  2597. }
  2598.  
  2599. .workspace-leaf-content .view-content {
  2600. padding: 16px 10px var(--size-4-6);
  2601. }
  2602.  
  2603. .n-input {
  2604. --n-border-hover: var(--input-border-width) solid var(--background-modifier-border) !important;
  2605. }
  2606.  
  2607. .n-input .n-input-wrapper {
  2608. border: var(--input-border-width) solid var(--background-modifier-border);
  2609. border-radius: var(--input-radius);
  2610. }
  2611.  
  2612. .n-input .n-input-wrapper:active {
  2613. box-shadow: 0 0 0 1.5px var(--background-modifier-border-focus);
  2614. border-radius: 3px;
  2615. }
  2616.  
  2617. .workspace-tab-header:not(.is-active):hover {
  2618. background: rgba(185, 181, 189, 0.25);
  2619. }
  2620.  
  2621. .modal.mod-sync-history.diff {
  2622. min-height: calc(100% - 40px);
  2623. min-width: calc(100% - 40px);
  2624. overflow: hidden;
  2625. top: 10px;
  2626. }
  2627.  
  2628. .sync-history-list-container {
  2629. flex-basis: 210px;
  2630. border: none;
  2631. }
  2632.  
  2633. .d2h-file-list-wrapper {
  2634. backdrop-filter: var(--blurFilter);
  2635. background: rgba(0,0,0,0);
  2636. padding: 15px 0 0 0;
  2637. margin-top: -7px;
  2638. z-index: 999999;
  2639. }
  2640.  
  2641. .diff .d2h-wrapper {
  2642. margin-top: -40px;
  2643. padding-top: 40px;
  2644. }
  2645.  
  2646. .diff .d2h-file-stats > span {
  2647. background: #ffe2df;
  2648. margin-right: -7.5px;
  2649. line-height: 1.75em;
  2650. border-radius: 1em;
  2651. padding: 0px 10px;
  2652. color: #7f0202;
  2653. font-weight: 500;
  2654. border: none;
  2655. }
  2656.  
  2657. .diff .d2h-file-stats > span.d2h-lines-added {
  2658. background: var(--color-green);
  2659. margin-right: 5px;
  2660. color: #1B5E20;
  2661. }
  2662.  
  2663. .diff .line-num2 {
  2664. padding-right: 5px;
  2665. }
  2666.  
  2667. .diff .d2h-code-linenumber {
  2668. border-left: none;
  2669. }
  2670.  
  2671. .diff .d2h-diff-table {
  2672. font-family: var(--font-monospace);
  2673. }
  2674.  
  2675. ol.d2h-file-list, .diff .sync-history-list-container .sync-history-list {
  2676. padding: 0;
  2677. margin: 0;
  2678. }
  2679.  
  2680. .sync-history-list-container button.mod-cta {
  2681. background-color: var(--interactive-accent);
  2682. color: var(--text-on-accent);
  2683. border-radius: 0.25em;
  2684. margin: 0 !important;
  2685. box-shadow: none;
  2686. padding: 18px;
  2687. }
  2688.  
  2689. .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
  2690. background-color: transparent;
  2691. }
  2692.  
  2693. .mod-root .workspace-tab-header.is-active {
  2694. background: rgba(246,245,248,0.45) !important;
  2695. box-shadow: none;
  2696. }
  2697.  
  2698. .mod-root .workspace-tabs .workspace-tab-header {
  2699. background: rgba(246,245,248,0.3);
  2700. }
  2701.  
  2702. .mod-root .workspace-tabs .workspace-tab-header {
  2703. border-right: 1px solid rgba(175, 173, 179, 0.66);
  2704. }
  2705.  
  2706. .is-translucent:not(.is-fullscreen) .mod-vertical .workspace-tab-header-container, .is-translucent:not(.is-fullscreen) .mod-right-split .workspace-tab-header-container {
  2707. background: rgba(215, 207, 215, 0.5) !important;
  2708. border-bottom: 1px solid var(--dividerColor);
  2709. backdrop-filter: var(--blurFilter);
  2710. z-index: 1;
  2711. }
  2712.  
  2713. .is-translucent:not(.is-fullscreen) .mod-right-split .workspace-tabs:not(:first-child) .workspace-tab-header-container {
  2714. border-top: 1px solid var(--dividerColor);
  2715. }
  2716.  
  2717. .mod-right-split {
  2718. border-left: 1px solid var(--dividerColor);
  2719. }
  2720.  
  2721. .mod-left-split {
  2722. border-right: 1px solid var(--dividerColor);
  2723. }
  2724.  
  2725. .koncham-workspace-root-panes {
  2726. margin: -5px -2.5px -12.5px -2.5px;
  2727. }
  2728.  
  2729. .koncham-workspace-root-panes .nav-file .nav-file-title-content {
  2730. padding: 0 10px;
  2731. }
  2732.  
  2733. .koncham-workspace-root-panes:before {
  2734. content: "􀏜 Open Tabs";
  2735. padding: 0 7.5px 5px;
  2736. color: #896CE2;
  2737. font-weight: 700;
  2738. font-size: 14px;
  2739. display: block;
  2740. }
  2741.  
  2742. .workspace-leaf-resize-handle {
  2743. --divider-color: var(--dividerColor);
  2744. opacity: 1;
  2745. }
  2746.  
  2747. .workspace-split.mod-horizontal.mod-right-split .workspace-leaf-content {
  2748. background: #F6F5F8;
  2749. }
  2750.  
  2751. .is-translucent .workspace-leaf-resize-handle:hover {
  2752. background-color: transparent;
  2753. border-color: var(--hr-color);
  2754. }
  2755.  
  2756. .sidebar-toggle-button.mod-right {
  2757. margin-top: -2px;
  2758. }
  2759.  
  2760. .workspace-tab-header-new-tab {
  2761. margin-top: -2px;
  2762. margin-right: 0;
  2763. }
  2764.  
  2765. .workspace-tab-header-tab-list {
  2766. margin-top: -2px;
  2767. }
  2768.  
  2769. .sidebar-toggle-button.mod-right {
  2770. margin-top: -3px;
  2771. }
  2772.  
  2773. .external-link:hover {
  2774. color: var(--link-external-color-hover);
  2775. }
  2776.  
  2777. .nav-file-title, .nav-folder-title {
  2778. --nav-item-color: #444344;
  2779. }
  2780.  
  2781. .mod-root .view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller {
  2782. padding: 82px 15px 40px !important;
  2783. }
  2784.  
  2785. .mod-vertical.mod-root .workspace-leaf:has(.cm-scroller) {
  2786. height: calc(100% + 71px);
  2787. margin-top: -71px;
  2788. }
  2789.  
  2790. .release-notes-view .markdown-preview-view.markdown-rendered {
  2791. padding: 70px 10px 0;
  2792. }
  2793.  
  2794. .view-content:has(.graph-controls) {
  2795. margin-top: -71px;
  2796. }
  2797.  
  2798. .view-content:has(.graph-controls) canvas {
  2799. margin-top: 71px;
  2800. }
  2801.  
  2802. .graph-controls {
  2803. padding: var(--size-2-3) var(--size-4-3);
  2804. border: none !important;
  2805. top: 83px;
  2806. }
  2807.  
  2808. .graph-control-section {
  2809. padding: 0 !important;
  2810. border: none;
  2811. }
  2812.  
  2813. .mod-right-split .view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller {
  2814. padding: 5px 10px;
  2815. }
  2816.  
  2817. .workspace-tabs:last-child .view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller {
  2818. padding-bottom: 40px;
  2819. }
  2820.  
  2821. .view-header, .is-focused .workspace-leaf.mod-active .view-header {
  2822. border-bottom: 1px solid var(--dividerColor);
  2823. background: rgba(237,235,241,0.66);
  2824. backdrop-filter: var(--blurFilter);
  2825. padding-left: 16px;
  2826. }
  2827.  
  2828. .mod-vertical.mod-root .workspace-leaf:has(.cm-scroller) .view-header {
  2829. top: 71px;
  2830. }
  2831.  
  2832. .workspace-ribbon {
  2833. border: none;
  2834. }
  2835.  
  2836. .workspace .mod-root .workspace-tab-header {
  2837. padding: 0 6px;
  2838. }
  2839.  
  2840. .mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner {
  2841. padding: 1px 8px 3.75px;
  2842. margin: 3px 0 0 0;
  2843. }
  2844.  
  2845. .mod-left-split .workspace-tab-header-container-inner {
  2846. padding: 1px 8px 4.75px;
  2847. }
  2848.  
  2849. .is-translucent:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-leaf {
  2850. --background-secondary: #F6F5F8;
  2851. }
  2852.  
  2853. .mod-horizontal.mod-right-split .workspace-tab-header-container {
  2854. justify-content: center;
  2855. }
  2856.  
  2857. /* icon css */
  2858. body:not(.is-grabbing) .nav-file-title.is-active:hover, body:not(.is-grabbing) .nav-folder-title.is-active:hover, .nav-file-title.is-active, .nav-folder-title.is-active {
  2859. background: var(--interactive-accent);
  2860. color: var(--text-on-accent);
  2861. }d
  2862.  
  2863. /* document style */
  2864. .inline-title, .diff .d2h-file-name, .embed-title {
  2865. font-size: 30px !important;
  2866. }
  2867.  
  2868. .HyperMD-header .cm-header-1, .cm-line h1 {
  2869. font-size: 26px !important;
  2870. }
  2871.  
  2872. .HyperMD-header .cm-header-2, .cm-line h2 {
  2873. font-size: 23px !important;
  2874. }
  2875.  
  2876. .HyperMD-header .cm-header-3, .cm-line h3 {
  2877. font-size: 21px !important;
  2878. }
  2879.  
  2880. .HyperMD-header .cm-header-4, .cm-line h4 {
  2881. font-size: 19px !important;
  2882. font-family: "SF Pro";
  2883. }
  2884.  
  2885.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement