Permalink
Cannot retrieve contributors at this time
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
1962 lines (1660 sloc)
58.1 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| /* | |
| * Author: Wiktoria Mielcarek (Braweria) | |
| * Name: Spectrum | |
| * Licence: MIT | |
| * GitHub Repo: https://github.com/Braweria/Spectrum | |
| ! CONTENT | |
| *.............1. Variables | |
| *.............2. Textarea | |
| *................. Body | |
| *................. Paragraph | |
| *................. Preview | |
| *.............3. Text Decorations | |
| *................. Bold | |
| *................. Emphasis | |
| *................. Highlight | |
| *................. Links | |
| *................. Headings | |
| *................. Text Cursor Indicator | |
| *................. Tags | |
| *................. Attachments | |
| *.............4. Workspace | |
| *................. Ribbon | |
| *................. Handle Bars | |
| *................. Nav | |
| *................. Header Container | |
| *................. Scrollbar | |
| *................. Folders | |
| *.............5. Tables | |
| *.............6. Codeblocks | |
| *................. Mermaid | |
| *................. Codingblocks | |
| *.............7. Embed Notes | |
| *.............8. Vault Launch Progress Bar | |
| *.............9. Footnotes | |
| *............10. Listings | |
| *................. List | |
| *................. Task List | |
| *................. Subway | |
| *................. Indent Color | |
| *................. List Line | |
| *............11. Graph | |
| *............12. Query | |
| *............13. Blockquotes | |
| *............14. Kanban | |
| *............15. Images | |
| *............16. Eisenhower Matrix | |
| *............17. Math | |
| *............18. Keyboard Key Symbol | |
| *............19. Notice | |
| *............100. Other People's Plugins | |
| *................. Daily Planner | |
| *................. Icon Shortcode | |
| *................. Obsidian Charts | |
| *................. DataView | |
| *................. Style Settings | |
| */ | |
| /* | |
| *..........................1. Variables */ | |
| :root { | |
| /* Sizes */ | |
| --font-size-xs: 0.78em; | |
| /* 12px */ | |
| --font-size-sm: 0.875em; | |
| /* 14px */ | |
| --font-size-base: 1em; | |
| /* 16px */ | |
| --font-size-lg: 1.125em; | |
| /* 18px */ | |
| --font-size-xl: 1.25em; | |
| /* 20px */ | |
| --font-size-2xl: 1.5em; | |
| /* 24px */ | |
| --font-size-3xl: 1.875em; | |
| /* 30px */ | |
| --size-0-5: 0.125em; | |
| /* 2px */ | |
| --size-1: 0.25em; | |
| /* 4px */ | |
| --size-1-5: 0.375em; | |
| /* 6px */ | |
| --size-2: 0.5em; | |
| /* 8px */ | |
| --size-2-5: 0.625em; | |
| /* 10px */ | |
| --size-3: 0.75em; | |
| /* 12px */ | |
| --size-3-5: 0.875em; | |
| /* 14px */ | |
| --size-4: 1em; | |
| /* 16px */ | |
| --size-5: 1.25em; | |
| /* 20px */ | |
| --size-6: 1.5em; | |
| /* 24px */ | |
| --size-7: 1.75em; | |
| /* 28px */ | |
| --size-8: 2em; | |
| /* 32px */ | |
| --size-12: 3em; | |
| /* 48px */ | |
| --size-16: 4em; | |
| /* 64px */ | |
| --size-24: 6em; | |
| /* 96px */ | |
| --size-32: 8em; | |
| /* 128px */ | |
| --size-48: 12em; | |
| /* 192px */ | |
| --size-64: 16em; | |
| /* 256px */ | |
| --size-96: 24em; | |
| /* 384px */ | |
| --size-128: 32em; | |
| /* 512px */ | |
| } | |
| :root, | |
| .theme-dark { | |
| /* Colors */ | |
| --main-node-rgb: 255, 190, 0; | |
| --main-node: rgb(var(--main-node-rgb)); | |
| --main-node-hover-rgb: 254, 106, 38; | |
| --main-node-hover: rgb(var(--main-node-hover-rgb)); | |
| --tags-rgb: 241, 158, 238; | |
| --tags: rgb(var(--tags-rgb)); | |
| --external-link-rgb: 130, 210, 232; | |
| --external-link: rgb(var(--external-link-rgb)); | |
| --external-link-hidden-rgb: 131, 197, 235; | |
| --external-link-hidden: rgba(var(--external-link-hidden-rgb), 0.3); | |
| --main-background-rgb: 36, 36, 36; | |
| --main-background: rgb(var(--main-background-rgb)); | |
| --secondary-background-rgb: 27, 27, 27; | |
| --secondary-background: rgb(var(--secondary-background-rgb)); | |
| --secondary-background-low-opacity: rgba( | |
| var(--secondary-background-rgb), | |
| 0.329 | |
| ); | |
| --attachments-rgb: 105, 188, 235; | |
| --attachments: rgb(var(--attachments-rgb)); | |
| --accent-1-rgb: 245, 112, 76; | |
| --accent-2-rgb: 245, 161, 76; | |
| --accent-3-rgb: 237, 228, 130; | |
| --accent-4-rgb: 170, 222, 98; | |
| --accent-5-rgb: 98, 222, 172; | |
| --accent-6-rgb: 98, 183, 222; | |
| --accent-1: rgb(var(--accent-1-rgb)); | |
| --accent-2: rgb(var(--accent-2-rgb)); | |
| --accent-3: rgb(var(--accent-3-rgb)); | |
| --accent-4: rgb(var(--accent-4-rgb)); | |
| --accent-5: rgb(var(--accent-5-rgb)); | |
| --accent-6: rgb(var(--accent-6-rgb)); | |
| /* Overriding Obsidian Variables */ | |
| --default-font: 'JetBrains Mono', monospace; | |
| --font-monospace: var(--default-font); | |
| --text-normal: rgb(201, 201, 201); | |
| --text-accent: var(--main-node); | |
| --text-accent-hover: var(--main-node-hover); | |
| --background-primary: var(--main-background); | |
| --background-secondary: var(--secondary-background); | |
| --interactive-accent: var(--main-node); | |
| --interactive-accent-hover: var(--main-node-hover); | |
| --text-on-accent: black; | |
| --background-modifier-error: #cf2d2d; | |
| --background-modifier-error-hover: #a72020; | |
| --text-highlight-bg: #e9b35f; | |
| } | |
| :root, | |
| .theme-light { | |
| /* Colors */ | |
| --main-background: #f5f5f5; | |
| --secondary-background: #e2e2e2; | |
| --secondary-background-low-opacity: #e2e2e254; | |
| --main-node: #dea500; | |
| --accent-3: #b7ad3a; | |
| --accent-4: #8ac536; | |
| --accent-5: #3cad7f; | |
| --external-link: #307a8e; | |
| --external-link-hidden: #307a8e99; | |
| /* Overriding Obsidian Variables */ | |
| --default-font: 'JetBrains Mono', monospace; | |
| --font-monospace: var(--default-font); | |
| --text-accent: var(--main-node); | |
| --text-accent-hover: var(--main-node-hover); | |
| --background-primary: var(--main-background); | |
| --background-secondary: var(--secondary-background); | |
| --interactive-accent: var(--main-node); | |
| --interactive-accent-hover: var(--main-node-hover); | |
| --background-modifier-error: #cf2d2d; | |
| --background-modifier-error-hover: #a72020; | |
| --text-highlight-bg: #e9b35f; | |
| } | |
| @font-face { | |
| font-family: 'JetBrains Mono'; | |
| src: url("https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/webfonts/JetBrainsMono-Regular.woff2") format("woff2"), url("https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/ttf/JetBrainsMono-Regular.ttf") format("truetype"); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| * { | |
| -webkit-font-feature-settings: 'liga' on, 'calt' on; | |
| font-feature-settings: 'liga' on, 'calt' on; | |
| -webkit-font-smoothing: antialiased; | |
| text-rendering: optimizeLegibility; | |
| font-family: 'JetBrains Mono'; | |
| } | |
| /* | |
| *..........................2. Textarea */ | |
| .cm-s-obsidian, | |
| body { | |
| line-height: 1.7rem; | |
| } | |
| *::selection { | |
| background: var(--main-node); | |
| color: var(--main-background); | |
| } | |
| .markdown-preview-view div p { | |
| margin-bottom: 1.5rem; | |
| } | |
| .markdown-source-view.is-readable-line-width .CodeMirror { | |
| max-width: 750px; | |
| } | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer, | |
| .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) | |
| .cm-contentContainer { | |
| max-width: 100%; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| } | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > *:not(iframe), | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer .frontmatter-container, | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer .block-language-tasks, | |
| .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) | |
| .cm-contentContainer > *:not(iframe), | |
| .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) | |
| .cm-contentContainer .frontmatter-container, | |
| .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) | |
| .cm-contentContainer .block-language-tasks { | |
| max-width: 750px; | |
| width: 100%; | |
| min-width: 300px; | |
| } | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > table, | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .mermaid, | |
| .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) | |
| .cm-contentContainer > table, | |
| .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) | |
| .cm-contentContainer > .mermaid { | |
| max-width: fit-content; | |
| min-width: 750px; | |
| } | |
| /* | |
| *..........................3. Text Decorations */ | |
| .cm-s-obsidian .cm-strong, | |
| strong { | |
| color: var(--accent-1); | |
| font-weight: 900; | |
| } | |
| .cm-em, | |
| em { | |
| color: #f1eca5; | |
| color: var(--accent-3); | |
| } | |
| .cm-s-obsidian span.cm-formatting-highlight, | |
| .cm-s-obsidian span.cm-highlight, | |
| .markdown-preview-view mark { | |
| color: var(--background-primary); | |
| font-weight: 600; | |
| } | |
| .markdown-preview-view mark { | |
| padding: 0 0.5rem; | |
| } | |
| mark .cm-s-obsidian .cm-strong, | |
| mark strong { | |
| color: #3d0731; | |
| font-weight: 900; | |
| } | |
| mark .cm-em, | |
| mark em { | |
| color: #8a1370; | |
| } | |
| .cm-s-obsidian span.cm-hmd-internal-link.cm-overlay { | |
| color: var(--main-node); | |
| font-weight: 900; | |
| } | |
| .cm-s-obsidian span.cm-formatting-link { | |
| color: var(--main-node); | |
| font-weight: 500; | |
| } | |
| .cm-s-obsidian span.cm-url, | |
| .cm-s-obsidian span.cm-formatting-link.cm-link { | |
| color: var(--external-link); | |
| } | |
| span.cm-formatting.cm-url + span.cm-url { | |
| color: var(--external-link-hidden); | |
| } | |
| .cm-s-obsidian span.cm-link, | |
| .cm-s-obsidian span.cm-formatting.cm-url, | |
| .external-link { | |
| color: var(--external-link); | |
| } | |
| a.external-link[href*='youtube.com'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='youtube.com']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff3636' viewBox='0 0 24 24'%3E%3Cpath d='M10 9.333l5.333 2.662-5.333 2.672v-5.334zm14-4.333v14c0 2.761-2.238 5-5 5h-14c-2.761 0-5-2.239-5-5v-14c0-2.761 2.239-5 5-5h14c2.762 0 5 2.239 5 5zm-4 7c-.02-4.123-.323-5.7-2.923-5.877-2.403-.164-7.754-.163-10.153 0-2.598.177-2.904 1.747-2.924 5.877.02 4.123.323 5.7 2.923 5.877 2.399.163 7.75.164 10.153 0 2.598-.177 2.904-1.747 2.924-5.877z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='linkedin.com'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='linkedin.com']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232867B2' viewBox='0 0 24 24'%3E%3Cpath d='M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='github'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| .theme-dark a.external-link[href*='github']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fafafa' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| .theme-light a.external-link[href*='github']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='twitter'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='twitter']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231da1f2' viewBox='0 0 24 24'%3E%3Cpath d='M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='reddit'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='reddit']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6a33' viewBox='0 0 24 24'%3E%3Cpath d='M24 11.779c0-1.459-1.192-2.645-2.657-2.645-.715 0-1.363.286-1.84.746-1.81-1.191-4.259-1.949-6.971-2.046l1.483-4.669 4.016.941-.006.058c0 1.193.975 2.163 2.174 2.163 1.198 0 2.172-.97 2.172-2.163s-.975-2.164-2.172-2.164c-.92 0-1.704.574-2.021 1.379l-4.329-1.015c-.189-.046-.381.063-.44.249l-1.654 5.207c-2.838.034-5.409.798-7.3 2.025-.474-.438-1.103-.712-1.799-.712-1.465 0-2.656 1.187-2.656 2.646 0 .97.533 1.811 1.317 2.271-.052.282-.086.567-.086.857 0 3.911 4.808 7.093 10.719 7.093s10.72-3.182 10.72-7.093c0-.274-.029-.544-.075-.81.832-.447 1.405-1.312 1.405-2.318zm-17.224 1.816c0-.868.71-1.575 1.582-1.575.872 0 1.581.707 1.581 1.575s-.709 1.574-1.581 1.574-1.582-.706-1.582-1.574zm9.061 4.669c-.797.793-2.048 1.179-3.824 1.179l-.013-.003-.013.003c-1.777 0-3.028-.386-3.824-1.179-.145-.144-.145-.379 0-.523.145-.145.381-.145.526 0 .65.647 1.729.961 3.298.961l.013.003.013-.003c1.569 0 2.648-.315 3.298-.962.145-.145.381-.144.526 0 .145.145.145.379 0 .524zm-.189-3.095c-.872 0-1.581-.706-1.581-1.574 0-.868.709-1.575 1.581-1.575s1.581.707 1.581 1.575-.709 1.574-1.581 1.574z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='facebook'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='facebook']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233b5998' viewBox='0 0 24 24'%3E%3Cpath d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='patreon'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='patreon']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg fill ='%23FF424D' viewBox='0 0 569 546' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EPatreon logo%3C/title%3E%3Cg%3E%3Ccircle cx='362.589996' cy='204.589996' r='204.589996'%3E%3C/circle%3E%3Crect data-fill='1' height='545.799988' width='100' x='0' y='0'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='wikipedia'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| .theme-light a.external-link[href*='wikipedia']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 20 20'%3E%3Cpath d='M11.14 4H14a.69.69 0 0 1 0 .65c-1 .16-1.36.91-1.81 1.83l-1.4 2.75 2.35 5.21h.07l3.52-8.1c.44-1.07.4-1.59-.79-1.7a.68.68 0 0 1 0-.65h3.45a.68.68 0 0 1 0 .65c-1.21.16-1.42.91-1.81 1.83l-4.37 10.08c-.13.3-.24.45-.44.45s-.33-.16-.42-.45l-2.48-5.73-2.72 5.73c-.11.3-.24.45-.44.45s-.31-.16-.42-.45l-4-10.09c-.57-1.4-.6-1.7-1.65-1.8A.68.68 0 0 1 .62 4h3.91a.68.68 0 0 1 0 .65c-1.16.13-1.21.45-.74 1.58l3.41 8.19h.05L9.3 10 7.78 6.45C7.17 5.05 7 4.77 6.24 4.66a.69.69 0 0 1 0-.65h3.32a.68.68 0 0 1 0 .65c-.74.12-.7.45-.19 1.58l.87 2 .08.09 1-2c.57-1.14.64-1.58-.15-1.7a.69.69 0 0 1-.03-.63z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| .theme-dark a.external-link[href*='wikipedia']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c7c8ca' viewBox='0 0 20 20'%3E%3Cpath d='M11.14 4H14a.69.69 0 0 1 0 .65c-1 .16-1.36.91-1.81 1.83l-1.4 2.75 2.35 5.21h.07l3.52-8.1c.44-1.07.4-1.59-.79-1.7a.68.68 0 0 1 0-.65h3.45a.68.68 0 0 1 0 .65c-1.21.16-1.42.91-1.81 1.83l-4.37 10.08c-.13.3-.24.45-.44.45s-.33-.16-.42-.45l-2.48-5.73-2.72 5.73c-.11.3-.24.45-.44.45s-.31-.16-.42-.45l-4-10.09c-.57-1.4-.6-1.7-1.65-1.8A.68.68 0 0 1 .62 4h3.91a.68.68 0 0 1 0 .65c-1.16.13-1.21.45-.74 1.58l3.41 8.19h.05L9.3 10 7.78 6.45C7.17 5.05 7 4.77 6.24 4.66a.69.69 0 0 1 0-.65h3.32a.68.68 0 0 1 0 .65c-.74.12-.7.45-.19 1.58l.87 2 .08.09 1-2c.57-1.14.64-1.58-.15-1.7a.69.69 0 0 1-.03-.63z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='instagram'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='instagram']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3CradialGradient id='rg' r='150%25' cx='30%25' cy='107%25'%3E%3Cstop stop-color='%23fdf497' offset='0' /%3E%3Cstop stop-color='%23fdf497' offset='0.05' /%3E%3Cstop stop-color='%23fd5949' offset='0.45' /%3E%3Cstop stop-color='%23d6249f' offset='0.6' /%3E%3Cstop stop-color='%23285AEB' offset='0.9' /%3E%3C/radialGradient%3E%3Cpath fill='url(%23rg)' d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='deviantart'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='deviantart']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2305cc47' viewBox='0 0 24 24'%3E%3Cpath d='M20 4.364v-4.364h-4.364l-.435.439-2.179 4.124-.647.437h-7.375v6h4.103l.359.404-4.462 8.232v4.364h4.509l.435-.439 2.174-4.124.648-.437h7.234v-6h-3.938l-.359-.438z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='medium'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| .theme-light a.external-link[href*='medium']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1043.63 592.71' fill='%23000000'%3E%3Cpath d='M588.67 296.36c0 163.67-131.78 296.35-294.33 296.35S0 460 0 296.36 131.78 0 294.34 0s294.33 132.69 294.33 296.36M911.56 296.36c0 154.06-65.89 279-147.17 279s-147.17-124.94-147.17-279 65.88-279 147.16-279 147.17 124.9 147.17 279M1043.63 296.36c0 138-23.17 249.94-51.76 249.94s-51.75-111.91-51.75-249.94 23.17-249.94 51.75-249.94 51.76 111.9 51.76 249.94'%3E%3C/path%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| .theme-dark a.external-link[href*='medium']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1043.63 592.71' fill='%23ffffff'%3E%3Cpath d='M588.67 296.36c0 163.67-131.78 296.35-294.33 296.35S0 460 0 296.36 131.78 0 294.34 0s294.33 132.69 294.33 296.36M911.56 296.36c0 154.06-65.89 279-147.17 279s-147.17-124.94-147.17-279 65.88-279 147.16-279 147.17 124.9 147.17 279M1043.63 296.36c0 138-23.17 249.94-51.76 249.94s-51.75-111.91-51.75-249.94 23.17-249.94 51.75-249.94 51.76 111.9 51.76 249.94'%3E%3C/path%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='stackoverflow'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='stackoverflow']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 124'%3E%3Cpolygon fill='%23BBBBBB' points='88 80 99 80 99 124 0 124 0 80 11 80 11 113 88 113'/%3E%3Cpath fill='%23F58025' d='M22.9878906,76.73 L77.0128906,88.085 L79.2838906,77.285 L25.2588906,65.925 L22.9878906,76.73 Z M30.1368906,50.861 L80.1828906,74.169 L84.8448906,64.16 L34.7978906,40.852 L30.1368906,50.861 Z M43.9848906,26.308 L86.4128906,61.639 L93.4788906,53.154 L51.0508906,17.824 L43.9848906,26.308 Z M71.3718906,0.192 L62.5118906,6.782 L95.4598906,51.082 L104.319891,44.493 L71.3718906,0.192 Z M22,102 L77,102 L77,91 L22,91 L22,102 Z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='steam'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='steam']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 233'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='50%25' x1='50%25' y2='100%25'%3E%3Cstop stop-color='%23111D2E' offset='0'/%3E%3Cstop stop-color='%23051839' offset='.21248'/%3E%3Cstop stop-color='%230A1B48' offset='.40695'/%3E%3Cstop stop-color='%23132E62' offset='.58110'/%3E%3Cstop stop-color='%23144B7E' offset='.73760'/%3E%3Cstop stop-color='%23136497' offset='.87279'/%3E%3Cstop stop-color='%231387B8' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='m4.8911 150.01c14.393 48.01 58.916 82.99 111.61 82.99 64.34 0 116.5-52.16 116.5-116.5 0-64.341-52.16-116.5-116.5-116.5-61.741 0-112.26 48.029-116.25 108.76 7.5391 12.66 10.481 20.49 4.6411 41.25z'/%3E%3Cpath fill='%23fff' d='m110.5 87.322c0 0.196 0 0.392 0.01 0.576l-28.508 41.412c-4.618-0.21-9.252 0.6-13.646 2.41-1.937 0.79-3.752 1.76-5.455 2.88l-62.599-25.77c0.00049 0-1.4485 23.83 4.588 41.59l44.254 18.26c2.222 9.93 9.034 18.64 19.084 22.83 16.443 6.87 35.402-0.96 42.242-17.41 1.78-4.3 2.61-8.81 2.49-13.31l40.79-29.15c0.33 0.01 0.67 0.02 1 0.02 24.41 0 44.25-19.9 44.25-44.338 0-24.44-19.84-44.322-44.25-44.322-24.4 0-44.25 19.882-44.25 44.322zm-6.84 83.918c-5.294 12.71-19.9 18.74-32.596 13.45-5.857-2.44-10.279-6.91-12.83-12.24l14.405 5.97c9.363 3.9 20.105-0.54 23.997-9.9 3.904-9.37-0.525-20.13-9.883-24.03l-14.891-6.17c5.746-2.18 12.278-2.26 18.381 0.28 6.153 2.56 10.927 7.38 13.457 13.54s2.52 12.96-0.04 19.1m51.09-54.38c-16.25 0-29.48-13.25-29.48-29.538 0-16.275 13.23-29.529 29.48-29.529 16.26 0 29.49 13.254 29.49 29.529 0 16.288-13.23 29.538-29.49 29.538m-22.09-29.583c0-12.253 9.92-22.191 22.14-22.191 12.23 0 22.15 9.938 22.15 22.191 0 12.254-9.92 22.183-22.15 22.183-12.22 0-22.14-9.929-22.14-22.183z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='dev.to'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='dev.to']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='40' rx='3' fill='black'%3E%3C/rect%3E%3Cpath d='M19.099 23.508c0 1.31-.423 2.388-1.27 3.234-.838.839-1.942 1.258-3.312 1.258h-4.403V12.277h4.492c1.31 0 2.385.423 3.224 1.27.846.838 1.269 1.912 1.269 3.223v6.738zm-2.808 0V16.77c0-.562-.187-.981-.562-1.258-.374-.285-.748-.427-1.122-.427h-1.685v10.107h1.684c.375 0 .75-.138 1.123-.415.375-.285.562-.708.562-1.27zM28.185 28h-5.896c-.562 0-1.03-.187-1.404-.561-.375-.375-.562-.843-.562-1.404V14.243c0-.562.187-1.03.562-1.404.374-.375.842-.562 1.404-.562h5.896v2.808H23.13v3.65h3.088v2.808h-3.088v3.65h5.054V28zm7.12 0c-.936 0-1.684-.655-2.246-1.965l-3.65-13.758h3.089l2.807 10.804 2.808-10.804H41.2l-3.65 13.758C36.99 27.345 36.241 28 35.305 28z' fill='white'%3E%3C/path%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| .theme-light a.external-link[href*='dev.to']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='40' rx='3' fill='white'%3E%3C/rect%3E%3Cpath d='M19.099 23.508c0 1.31-.423 2.388-1.27 3.234-.838.839-1.942 1.258-3.312 1.258h-4.403V12.277h4.492c1.31 0 2.385.423 3.224 1.27.846.838 1.269 1.912 1.269 3.223v6.738zm-2.808 0V16.77c0-.562-.187-.981-.562-1.258-.374-.285-.748-.427-1.122-.427h-1.685v10.107h1.684c.375 0 .75-.138 1.123-.415.375-.285.562-.708.562-1.27zM28.185 28h-5.896c-.562 0-1.03-.187-1.404-.561-.375-.375-.562-.843-.562-1.404V14.243c0-.562.187-1.03.562-1.404.374-.375.842-.562 1.404-.562h5.896v2.808H23.13v3.65h3.088v2.808h-3.088v3.65h5.054V28zm7.12 0c-.936 0-1.684-.655-2.246-1.965l-3.65-13.758h3.089l2.807 10.804 2.808-10.804H41.2l-3.65 13.758C36.99 27.345 36.241 28 35.305 28z' fill='black'%3E%3C/path%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='mdn.dev'], | |
| a.external-link[href*='developer.mozilla.org'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='mdn.dev']::before, | |
| a.external-link[href*='developer.mozilla.org']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 135'%3E%3Cpath d='M7.14,8.35V119.41H118.19V8.35Zm103.71,56c-.48.92-1,1.79-1.46,2.71a3.44,3.44,0,0,1-3.54,2,2.4,2.4,0,0,0-1.55.5c-1.37.9-2.76,1.79-4.18,2.63a7.33,7.33,0,0,1-6.35.34,29.71,29.71,0,0,0-10.63-2,11.7,11.7,0,0,0-9.46,4.31,14.84,14.84,0,0,0-2.13,4.29c-1.24,3.07-2.3,21.38-2.3,26.05,0,0-17.62-3.42-34.15-20.34l4.31-11.32H25.91l9.76-10.35H18.87l9.77-10.34H12.69L30.45,34A40.9,40.9,0,0,1,50.22,23.17c7.1-1.22,8.93-.53,13.31.77l2.43.73.85.25,3.1.95a12.56,12.56,0,0,0,6.21.09,11.37,11.37,0,0,1,8.25,1,8.24,8.24,0,0,1,4.1,6.22,7.29,7.29,0,0,0,3.61,5.49,59.45,59.45,0,0,0,9.32,4.11c2.27.86,4.54,1.84,6.79,2.72a6.81,6.81,0,0,1,2.86,2.06,4.81,4.81,0,0,1,1.1,2.73c.14,2,.37,4,.47,6h0A15.24,15.24,0,0,1,110.85,64.32Z' fill='white'%3E%3C/path%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| .theme-light a.external-link[href*='mdn.dev']::before, | |
| .theme-light a.external-link[href*='developer.mozilla.org']::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 135'%3E%3Cpath d='M7.14,8.35V119.41H118.19V8.35Zm103.71,56c-.48.92-1,1.79-1.46,2.71a3.44,3.44,0,0,1-3.54,2,2.4,2.4,0,0,0-1.55.5c-1.37.9-2.76,1.79-4.18,2.63a7.33,7.33,0,0,1-6.35.34,29.71,29.71,0,0,0-10.63-2,11.7,11.7,0,0,0-9.46,4.31,14.84,14.84,0,0,0-2.13,4.29c-1.24,3.07-2.3,21.38-2.3,26.05,0,0-17.62-3.42-34.15-20.34l4.31-11.32H25.91l9.76-10.35H18.87l9.77-10.34H12.69L30.45,34A40.9,40.9,0,0,1,50.22,23.17c7.1-1.22,8.93-.53,13.31.77l2.43.73.85.25,3.1.95a12.56,12.56,0,0,0,6.21.09,11.37,11.37,0,0,1,8.25,1,8.24,8.24,0,0,1,4.1,6.22,7.29,7.29,0,0,0,3.61,5.49,59.45,59.45,0,0,0,9.32,4.11c2.27.86,4.54,1.84,6.79,2.72a6.81,6.81,0,0,1,2.86,2.06,4.81,4.81,0,0,1,1.1,2.73c.14,2,.37,4,.47,6h0A15.24,15.24,0,0,1,110.85,64.32Z'%3E%3C/path%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| a.external-link[href*='reactjs.org'] { | |
| position: relative; | |
| margin-left: 1.3rem; | |
| } | |
| a.external-link[href*='reactjs.org']::before { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: absolute; | |
| top: var(--size-1); | |
| left: -1.3rem; | |
| height: 1rem; | |
| width: 1rem; | |
| content: ''; | |
| } | |
| .cm-header-1, | |
| h1 { | |
| color: var(--accent-1); | |
| } | |
| .cm-header-2, | |
| h2 { | |
| color: var(--accent-2); | |
| } | |
| .cm-header-3, | |
| h3 { | |
| color: var(--accent-3); | |
| } | |
| .cm-header-4, | |
| h4 { | |
| color: var(--accent-4); | |
| } | |
| .cm-header-5, | |
| h5 { | |
| color: var(--accent-5); | |
| } | |
| .cm-header-6, | |
| .markdown-preview-view h6 { | |
| color: var(--accent-6); | |
| } | |
| .CodeMirror-cursor, | |
| .CodeMirror div.CodeMirror-secondarycursor { | |
| border-color: var(--main-node); | |
| } | |
| .cm-s-obsidian span.cm-hashtag, | |
| .tag { | |
| color: var(--tags); | |
| } | |
| .nav-file-tag { | |
| background: none; | |
| border: 1px solid var(--attachments); | |
| color: var(--attachments); | |
| font-weight: 400; | |
| } | |
| /* | |
| *..........................4. Workspace */ | |
| .workspace-ribbon.mod-left.is-collapsed, | |
| .workspace-ribbon.mod-right.is-collapsed { | |
| border: 0; | |
| } | |
| .workspace-ribbon-collapse-btn { | |
| height: 100%; | |
| display: flex; | |
| flex-direction: row; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .workspace-ribbon { | |
| background: var(--background-secondary); | |
| } | |
| .workspace-ribbon.mod-left { | |
| display: flex; | |
| } | |
| .workspace-ribbon.mod-left .side-dock-actions { | |
| order: 1; | |
| } | |
| .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn { | |
| order: 2; | |
| } | |
| .workspace-ribbon.mod-left .side-dock-settings { | |
| order: 3; | |
| } | |
| .workspace-split.mod-left-split > .workspace-leaf-resize-handle, | |
| .workspace-split.mod-right-split > .workspace-leaf-resize-handle { | |
| background: var(--background-secondary); | |
| } | |
| .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle { | |
| background: var(--main-background); | |
| } | |
| .workspace-split.mod-left-split > .workspace-leaf-resize-handle:hover, | |
| .workspace-split.mod-right-split > .workspace-leaf-resize-handle:hover, | |
| .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:hover { | |
| background: var(--main-node); | |
| } | |
| .nav-action-button.is-active, | |
| .nav-action-button.is-active .widget-icon { | |
| background-color: var(--main-node); | |
| color: var(--background-secondary); | |
| fill: var(--background-secondary); | |
| } | |
| .nav-action-button.is-active:hover { | |
| color: var(--secondary-background); | |
| background: var(--main-node-hover); | |
| } | |
| .nav-action-button:hover, | |
| .nav-action-button:hover .widget-icon { | |
| color: var(--main-node-hover); | |
| fill: var(--main-node-hover); | |
| } | |
| .workspace-split.mod-root | |
| > .workspace-leaf:last-of-type | |
| .workspace-leaf-content, | |
| .workspace-split.mod-root | |
| > .workspace-leaf:first-of-type | |
| .workspace-leaf-content { | |
| border-radius: 0; | |
| } | |
| .workspace-split.mod-right-split .workspace-tabs .workspace-leaf { | |
| border-radius: 0; | |
| } | |
| .workspace-tab-header-container, | |
| .workspace-tab-container-before.is-before-active, | |
| .workspace-tab-container-after.is-after-active, | |
| .workspace-tab-header.is-before-active, | |
| .workspace-tab-header.is-after-active, | |
| .workspace-tab-container-before.is-before-active .workspace-tab-header-inner, | |
| .workspace-tab-container-after.is-after-active .workspace-tab-header-inner, | |
| .workspace-tab-header.is-before-active .workspace-tab-header-inner, | |
| .workspace-tab-header.is-after-active .workspace-tab-header-inner { | |
| background: var(--background-secondary); | |
| } | |
| .workspace-tab-header-container { | |
| padding-top: var(--size-2-5); | |
| height: auto; | |
| } | |
| .workspace-tabs { | |
| background-color: var(--background-secondary); | |
| } | |
| .workspace-tab-header.is-active | |
| .workspace-tab-header-inner | |
| .workspace-tab-header-inner-icon | |
| svg | |
| path { | |
| stroke: var(--main-node); | |
| } | |
| .workspace-split.mod-left-split .workspace-tabs .workspace-leaf { | |
| border-top-left-radius: 0; | |
| } | |
| .workspace-split.mod-root | |
| > .workspace-leaf:first-of-type:last-of-type | |
| .view-header { | |
| border-bottom: var(--size-0-5) solid var(--main-node); | |
| } | |
| .titlebar-inner { | |
| color: var(--main-node); | |
| } | |
| .titlebar-text { | |
| display: none; | |
| } | |
| ::-webkit-scrollbar { | |
| width: var(--size-0-5); | |
| background-color: var(--main-background); | |
| } | |
| .workspace-split.mod-vertical.mod-root::-webkit-schollbar, | |
| ::-webkit-schollbar { | |
| -webkit-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content { | |
| display: flex; | |
| flex-direction: row; | |
| align-items: center; | |
| } | |
| .nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content::before { | |
| content: ''; | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.43 12' height='13px'%3E%3Cpath style='fill:%23999999' d='M6.15,1a.67.67,0,0,1,.5.21L8.22,2.78a2.69,2.69,0,0,0,1.92.79h3.57a.72.72,0,0,1,.72.72v6a.71.71,0,0,1-.72.71h-12A.71.71,0,0,1,1,10.29V1.71A.71.71,0,0,1,1.71,1H6.15m0-1H1.71A1.72,1.72,0,0,0,0,1.71v8.58A1.72,1.72,0,0,0,1.71,12h12a1.72,1.72,0,0,0,1.72-1.71v-6a1.72,1.72,0,0,0-1.72-1.72H10.14a1.7,1.7,0,0,1-1.21-.5L7.36.5A1.72,1.72,0,0,0,6.15,0Z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| width: var(--size-7); | |
| height: var(--size-4); | |
| } | |
| .nav-folder .nav-folder-title .nav-folder-title-content::before { | |
| content: ''; | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.12 12' height='13px'%3E%3Cpath style='fill:%23999999' d='M16.11,4H16a1.76,1.76,0,0,0-1.75-1.43H10.51a1.8,1.8,0,0,1-1.25-.5L7.63.5A1.8,1.8,0,0,0,6.37,0H1.78A1.75,1.75,0,0,0,0,1.71v8.58A1.75,1.75,0,0,0,1.78,12H14.61a2,2,0,0,0,1.88-1.3l1.5-4A2,2,0,0,0,16.11,4ZM1,1.71A.75.75,0,0,1,1.78,1H6.37a.83.83,0,0,1,.57.22L8.56,2.79a2.83,2.83,0,0,0,1.95.78h3.71a.78.78,0,0,1,.71.43H4.39A2,2,0,0,0,2.51,5.3L1,9.3a.06.06,0,0,0,0,0ZM17.05,6.35,16,9.15l-.45,1.2a1,1,0,0,1-.94.65H2.89a1,1,0,0,1-.83-.43A1,1,0,0,1,2,9.65l1.5-4A1,1,0,0,1,4.39,5H16.11a1,1,0,0,1,.83.43A1,1,0,0,1,17.05,6.35Z'/%3E%3C/svg%3E"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| width: var(--size-7); | |
| height: var(--size-4); | |
| } | |
| .dropdown { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.64 9'%3E%3Cpath d='M1.19,0H14.45a1.19,1.19,0,0,1,.84,2L8.66,8.65A1.17,1.17,0,0,1,7,8.65L.35,2A1.19,1.19,0,0,1,1.19,0Z' style='fill:%23ffbe00'/%3E%3C/svg%3E"); | |
| } | |
| /* | |
| *..........................5. Tables */ | |
| @use "sass:color"; | |
| table { | |
| width: 100%; | |
| min-width: 750px; | |
| } | |
| table thead tr { | |
| background: #00000034; | |
| } | |
| table tbody tr:nth-child(even) { | |
| background: #00000034; | |
| } | |
| table tbody tr:hover { | |
| background: #afafaf10; | |
| } | |
| .table-lr table tbody tr:nth-last-child(1) { | |
| background-color: rgba(var(--main-node-rgb), 0.2); | |
| } | |
| .table-lr table tbody tr:nth-last-child(1) td { | |
| padding: 1rem; | |
| font-weight: 700; | |
| } | |
| .table-lc table tr td:nth-last-child(1) { | |
| background-color: rgba(var(--main-node-rgb), 0.2); | |
| font-weight: 700; | |
| } | |
| .table-lc table tr th:nth-last-child(1) { | |
| background-color: rgba(var(--main-node-rgb), 0.2); | |
| font-weight: 700; | |
| } | |
| .table-fc table tr td:nth-child(1) { | |
| background-color: rgba(var(--main-node-rgb), 0.2); | |
| font-weight: 700; | |
| } | |
| .table-fc table tr th:nth-child(1) { | |
| background-color: rgba(var(--main-node-rgb), 0.2); | |
| font-weight: 700; | |
| } | |
| .table-alt table tr td:nth-child(even) { | |
| background-color: rgba(var(--main-node-rgb), 0.2); | |
| font-weight: 700; | |
| } | |
| .table-alt table tr th:nth-child(even) { | |
| background-color: rgba(var(--main-node-rgb), 0.2); | |
| font-weight: 700; | |
| } | |
| .theme-light table tbody tr:hover { | |
| background: white; | |
| } | |
| #calendar-container table { | |
| min-width: 100%; | |
| } | |
| /* | |
| *..........................6. Codeblocks */ | |
| .mermaid { | |
| display: flex; | |
| justify-content: center; | |
| } | |
| .mermaid-scroll .mermaid { | |
| overflow: auto; | |
| min-width: 750px; | |
| align-self: flex-start; | |
| } | |
| .cm-s-obsidian div.HyperMD-codeblock-begin-bg, | |
| .cm-s-obsidian div.HyperMD-codeblock-end-bg, | |
| .cm-s-obsidian div.HyperMD-codeblock-bg, | |
| .cm-s-obsidian span.cm-inline-code { | |
| background: var(--secondary-background); | |
| border-color: black; | |
| } | |
| .cm-s-obsidian pre.HyperMD-codeblock-begin { | |
| padding-top: 0.5rem; | |
| } | |
| .cm-s-obsidian div.HyperMD-codeblock-end-bg { | |
| border-bottom: 1px solid black; | |
| } | |
| .cm-s-obsidian pre.HyperMD-codeblock, | |
| .cm-s-obsidian span.cm-inline-code { | |
| color: #928b78; | |
| } | |
| .markdown-preview-view code { | |
| color: #c1b594; | |
| } | |
| .theme-dark pre { | |
| position: relative; | |
| } | |
| .cm-s-obsidian .CodeMirror-code { | |
| padding-right: 0; | |
| } | |
| /* | |
| *..........................7. Embed Notes */ | |
| .internal-embed.is-loaded:not(.image-embed) { | |
| border: 1px solid black; | |
| border-radius: var(--size-2-5); | |
| } | |
| .internal-embed.is-loaded .markdown-embed { | |
| border: 0px solid black; | |
| } | |
| /* | |
| *..........................8. Vault Launch Progress Bar */ | |
| .progress-bar-subline { | |
| position: absolute; | |
| background-color: var(--main-node); | |
| height: var(--size-2); | |
| } | |
| .progress-bar-line { | |
| position: absolute; | |
| opacity: 0.4; | |
| background-color: #ffbf007c; | |
| width: 150%; | |
| height: var(--size-2); | |
| } | |
| /* | |
| *..........................9. Footnotes */ | |
| .footnote-backref { | |
| color: var(--main-node); | |
| } | |
| .footnote-backref:hover { | |
| color: var(--main-node-hover); | |
| } | |
| .footnotes li::marker { | |
| color: var(--main-node); | |
| } | |
| .footnote-ref { | |
| font-size: 0.7rem; | |
| } | |
| /* | |
| *..........................10. Listings */ | |
| :root { | |
| --list-padding-num: 2.5; | |
| --list-padding: var(--size-6); | |
| --list-marker-num: 1.5; | |
| --list-marker: 1.5rem; | |
| } | |
| .cm-hmd-list-indent .cm-tab, | |
| ol, | |
| ul { | |
| position: relative; | |
| } | |
| ul { | |
| padding-left: var(--list-padding); | |
| box-sizing: border-box; | |
| } | |
| ul, | |
| ol { | |
| padding-left: var(--list-padding); | |
| } | |
| ol::before { | |
| position: absolute; | |
| display: block; | |
| content: ''; | |
| width: var(--list-padding); | |
| left: 0; | |
| height: 100%; | |
| } | |
| ul li, | |
| ol li { | |
| margin-bottom: var(--size-2-5); | |
| position: relative; | |
| } | |
| li::marker, | |
| .cm-s-obsidian span.cm-formatting-list { | |
| color: var(--main-node); | |
| font-size: var(--editor-font-size); | |
| } | |
| .theme-light li::marker { | |
| color: black; | |
| } | |
| .markdown-preview-view div li p { | |
| margin: 0; | |
| } | |
| .view-content ul > li.task-list-item.is-checked { | |
| text-decoration: none; | |
| } | |
| .view-content .task-list-item-checkbox { | |
| appearance: none; | |
| box-sizing: border-box; | |
| border: 1px solid var(--text-muted); | |
| border-radius: var(--size-0-5); | |
| position: relative; | |
| width: 1.5em; | |
| height: 1.5em; | |
| margin: 0; | |
| outline: none; | |
| margin-right: var(--size-1); | |
| margin-bottom: var(--size-0-5); | |
| cursor: pointer; | |
| filter: none; | |
| top: var(--size-1-5); | |
| } | |
| .markdown-source-view.mod-cm6 .task-list-item-checkbox { | |
| vertical-align: baseline; | |
| } | |
| .view-content .task-list-item-checkbox:checked { | |
| border: none; | |
| background-color: var(--main-node); | |
| } | |
| .view-content li .task-list-item-checkbox:checked::before, | |
| .view-content .HyperMD-list-line .task-list-item-checkbox:checked::before { | |
| content: ''; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| line-height: 0; | |
| font-size: 1.5rem; | |
| color: black; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.74,15.63a1.45,1.45,0,0,1-1.06-.44L2.94,11.46A1.5,1.5,0,0,1,5.06,9.34L7.74,12l7.2-7.2a1.5,1.5,0,1,1,2.12,2.12L8.8,15.19A1.48,1.48,0,0,1,7.74,15.63Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); | |
| } | |
| .markdown-source-view.mod-cm6 | |
| .HyperMD-task-line[data-task]:not([data-task=' ']) { | |
| text-decoration: none; | |
| color: inherit; | |
| } | |
| li[data-line='2'] .task-list-item-checkbox:checked, | |
| .HyperMD-list-line-2 .task-list-item-checkbox:checked { | |
| background-color: var(--accent-1); | |
| } | |
| li[data-line='3'] .task-list-item-checkbox:checked, | |
| .HyperMD-list-line-3 .task-list-item-checkbox:checked { | |
| background-color: var(--accent-2); | |
| } | |
| li[data-line='4'] .task-list-item-checkbox:checked, | |
| .HyperMD-list-line-4 .task-list-item-checkbox:checked { | |
| background-color: var(--accent-3); | |
| } | |
| li[data-line='5'] .task-list-item-checkbox:checked, | |
| .HyperMD-list-line-5 .task-list-item-checkbox:checked { | |
| background-color: var(--accent-4); | |
| } | |
| li[data-line='6'] .task-list-item-checkbox:checked, | |
| .HyperMD-list-line-6 .task-list-item-checkbox:checked { | |
| background-color: var(--accent-5); | |
| } | |
| li[data-line='7'] .task-list-item-checkbox:checked, | |
| .HyperMD-list-line-7 .task-list-item-checkbox:checked { | |
| background-color: var(--accent-6); | |
| } | |
| .view-content li[data-task='!'] .task-list-item-checkbox:checked::before, | |
| .view-content .task-list-item-checkbox[data-task='!']:checked::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10,2.5A1.54,1.54,0,0,0,8.45,4.05v7.49a1.55,1.55,0,1,0,3.1,0V4.05A1.54,1.54,0,0,0,10,2.5Z' style='fill:%230c0c0c'/%3E%3Ccircle cx='10' cy='15.95' r='1.55' style='fill:%230c0c0c'/%3E%3C/svg%3E"); | |
| } | |
| .view-content li[data-task='?'] .task-list-item-checkbox:checked::before, | |
| .view-content .task-list-item-checkbox[data-task='?']:checked::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.68' cy='15.95' r='1.55' style='fill:%230c0c0c'/%3E%3Cpath d='M10.41,2.5H7.13a1.55,1.55,0,0,0,0,3.1h3.28a.91.91,0,1,1,0,1.81H8.68A1.56,1.56,0,0,0,7.13,9v2.57a1.56,1.56,0,1,0,3.11,0v-1h.17a4,4,0,0,0,0-8Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); | |
| } | |
| .view-content li[data-task='>'] .task-list-item-checkbox:checked::before, | |
| .view-content .task-list-item-checkbox[data-task='>']:checked::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M14.06,8.94l-6-6A1.5,1.5,0,0,0,5.94,5.06L10.88,10,5.94,14.94a1.49,1.49,0,0,0,0,2.12,1.5,1.5,0,0,0,2.12,0l6-6A1.49,1.49,0,0,0,14.06,8.94Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); | |
| } | |
| .view-content li[data-task='+'] .task-list-item-checkbox:checked::before, | |
| .view-content .task-list-item-checkbox[data-task='+']:checked::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.84,8.5H11.5V4.16a1.5,1.5,0,0,0-3,0V8.5H4.16a1.5,1.5,0,0,0,0,3H8.5v4.34a1.5,1.5,0,0,0,3,0V11.5h4.34a1.5,1.5,0,0,0,0-3Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); | |
| } | |
| .view-content li[data-task='-'] .task-list-item-checkbox:checked::before, | |
| .view-content .task-list-item-checkbox[data-task='-']:checked::before { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.84,11.5H4.16a1.5,1.5,0,0,1,0-3H15.84a1.5,1.5,0,0,1,0,3Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); | |
| } | |
| /* Cross item for later | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M12.12,10l3.07-3.07a1.5,1.5,0,0,0-2.12-2.12L10,7.88,6.93,4.81A1.5,1.5,0,1,0,4.81,6.93L7.88,10,4.81,13.07a1.49,1.49,0,0,0,0,2.12,1.45,1.45,0,0,0,1.06.44,1.47,1.47,0,0,0,1.06-.44L10,12.12l3.07,3.07a1.47,1.47,0,0,0,1.06.44,1.45,1.45,0,0,0,1.06-.44,1.49,1.49,0,0,0,0-2.12Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); | |
| */ | |
| /* | |
| Credit to github.com/nothingislost for the inspiration of the "subway line list" | |
| */ | |
| .list-subway .list-collapse-indicator { | |
| position: relative; | |
| left: 22px; | |
| } | |
| .list-subway ul::before { | |
| display: block; | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| border-right: var(--size-0-5) solid red; | |
| height: calc(100% - (1.5 * var(--editor-font-size)) / 2 - var(--size-2-5)); | |
| box-sizing: border-box; | |
| top: calc((1.5 * var(--editor-font-size)) / 2); | |
| } | |
| .list-subway .collapse-indicator svg { | |
| color: var(--main-node); | |
| } | |
| .list-subway ul li::after { | |
| content: '•'; | |
| position: absolute; | |
| display: block; | |
| left: calc(0px - 0.28em - var(--list-padding)); | |
| top: calc(0px - (0.325 * 1em)); | |
| font-size: 2em; | |
| line-height: 1.5; | |
| color: var(--main-node); | |
| } | |
| .list-subway ul ul li::before { | |
| display: block; | |
| content: ''; | |
| position: absolute; | |
| left: calc(0px - (2 * var(--list-padding))); | |
| border-top: var(--size-0-5) solid red; | |
| height: calc(1.5 * 17.33px); | |
| width: var(--list-padding); | |
| top: calc((1.5 * var(--editor-font-size)) / 2); | |
| } | |
| .list-subway ul { | |
| list-style: none; | |
| } | |
| .list-subway ul::before { | |
| border-color: var(--main-node); | |
| } | |
| .list-subway ul ul { | |
| list-style: none; | |
| } | |
| .list-subway ul ul::before { | |
| border-color: var(--accent-1); | |
| } | |
| .list-subway ul ul .collapse-indicator svg { | |
| color: var(--accent-1); | |
| } | |
| .list-subway ul ul li::after { | |
| color: var(--accent-1); | |
| } | |
| .list-subway ul ul li::before { | |
| border-color: var(--accent-1); | |
| } | |
| .list-subway ul ul ul { | |
| list-style: none; | |
| } | |
| .list-subway ul ul ul::before { | |
| border-color: var(--accent-2); | |
| } | |
| .list-subway ul ul ul .collapse-indicator svg { | |
| color: var(--accent-2); | |
| } | |
| .list-subway ul ul ul li::after { | |
| color: var(--accent-2); | |
| } | |
| .list-subway ul ul ul li::before { | |
| border-color: var(--accent-2); | |
| } | |
| .list-subway ul ul ul ul { | |
| list-style: none; | |
| } | |
| .list-subway ul ul ul ul::before { | |
| border-color: var(--accent-3); | |
| } | |
| .list-subway ul ul ul ul .collapse-indicator svg { | |
| color: var(--accent-3); | |
| } | |
| .list-subway ul ul ul ul li::after { | |
| color: var(--accent-3); | |
| } | |
| .list-subway ul ul ul ul li::before { | |
| border-color: var(--accent-3); | |
| } | |
| .list-subway ul ul ul ul ul { | |
| list-style: none; | |
| } | |
| .list-subway ul ul ul ul ul::before { | |
| border-color: var(--accent-4); | |
| } | |
| .list-subway ul ul ul ul ul .collapse-indicator svg { | |
| color: var(--accent-4); | |
| } | |
| .list-subway ul ul ul ul ul li::after { | |
| color: var(--accent-4); | |
| } | |
| .list-subway ul ul ul ul ul li::before { | |
| border-color: var(--accent-4); | |
| } | |
| .list-subway ul ul ul ul ul ul { | |
| list-style: none; | |
| } | |
| .list-subway ul ul ul ul ul ul::before { | |
| border-color: var(--accent-5); | |
| } | |
| .list-subway ul ul ul ul ul ul .collapse-indicator svg { | |
| color: var(--accent-5); | |
| } | |
| .list-subway ul ul ul ul ul ul li::after { | |
| color: var(--accent-5); | |
| } | |
| .list-subway ul ul ul ul ul ul li::before { | |
| border-color: var(--accent-5); | |
| } | |
| .list-subway ul ul ul ul ul ul ul { | |
| list-style: none; | |
| } | |
| .list-subway ul ul ul ul ul ul ul::before { | |
| border-color: var(--accent-6); | |
| } | |
| .list-subway ul ul ul ul ul ul ul .collapse-indicator svg { | |
| color: var(--accent-6); | |
| } | |
| .list-subway ul ul ul ul ul ul ul li::after { | |
| color: var(--accent-6); | |
| } | |
| .list-subway ul ul ul ul ul ul ul li::before { | |
| border-color: var(--accent-6); | |
| } | |
| .list-indent-color ol::before { | |
| background-color: rgba(var(--main-node-rgb), 0.075); | |
| } | |
| .list-indent-color ol ol::before { | |
| background-color: rgba(var(--accent-1-rgb), 0.075); | |
| } | |
| .list-indent-color ol ol li::marker { | |
| color: var(--accent-1); | |
| } | |
| .list-indent-color ol ol ol::before { | |
| background-color: rgba(var(--accent-2-rgb), 0.075); | |
| } | |
| .list-indent-color ol ol ol li::marker { | |
| color: var(--accent-2); | |
| } | |
| .list-indent-color ol ol ol ol::before { | |
| background-color: rgba(var(--accent-3-rgb), 0.075); | |
| } | |
| .list-indent-color ol ol ol ol li::marker { | |
| color: var(--accent-3); | |
| } | |
| .list-indent-color ol ol ol ol ol::before { | |
| background-color: rgba(var(--accent-4-rgb), 0.075); | |
| } | |
| .list-indent-color ol ol ol ol ol li::marker { | |
| color: var(--accent-4); | |
| } | |
| .list-indent-color ol ol ol ol ol ol::before { | |
| background-color: rgba(var(--accent-5-rgb), 0.075); | |
| } | |
| .list-indent-color ol ol ol ol ol ol li::marker { | |
| color: var(--accent-5); | |
| } | |
| .list-indent-color ol ol ol ol ol ol ol::before { | |
| background-color: rgba(var(--accent-6-rgb), 0.075); | |
| } | |
| .list-indent-color ol ol ol ol ol ol ol li::marker { | |
| color: var(--accent-6); | |
| } | |
| .list-lines ul li::after { | |
| content: '•'; | |
| position: absolute; | |
| display: block; | |
| left: calc(0px - 0.28em - var(--list-padding)); | |
| top: calc(0px - (0.325 * 1em)); | |
| font-size: 2em; | |
| line-height: 1.5; | |
| color: var(--main-node); | |
| } | |
| .list-lines ul ul::before { | |
| display: block; | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| border-right: var(--size-0-5) solid red; | |
| height: calc(100% - (1.5 * var(--editor-font-size)) / 2 - var(--size-2-5)); | |
| box-sizing: border-box; | |
| top: calc((1.5 * var(--editor-font-size)) / 2); | |
| } | |
| .list-lines ul { | |
| list-style: none; | |
| } | |
| .list-lines ul ul { | |
| list-style: none; | |
| } | |
| .list-lines ul ul::before { | |
| border-color: var(--main-node); | |
| } | |
| .list-lines ul ul ul { | |
| list-style: none; | |
| } | |
| .list-lines ul ul ul::before { | |
| border-color: var(--accent-1); | |
| } | |
| .list-lines ul ul ul li::after { | |
| color: var(--accent-1); | |
| } | |
| .list-lines ul ul ul ul { | |
| list-style: none; | |
| } | |
| .list-lines ul ul ul ul::before { | |
| border-color: var(--accent-2); | |
| } | |
| .list-lines ul ul ul ul li::after { | |
| color: var(--accent-2); | |
| } | |
| .list-lines ul ul ul ul ul { | |
| list-style: none; | |
| } | |
| .list-lines ul ul ul ul ul::before { | |
| border-color: var(--accent-3); | |
| } | |
| .list-lines ul ul ul ul ul li::after { | |
| color: var(--accent-3); | |
| } | |
| .list-lines ul ul ul ul ul ul { | |
| list-style: none; | |
| } | |
| .list-lines ul ul ul ul ul ul::before { | |
| border-color: var(--accent-4); | |
| } | |
| .list-lines ul ul ul ul ul ul li::after { | |
| color: var(--accent-4); | |
| } | |
| .list-lines ul ul ul ul ul ul ul { | |
| list-style: none; | |
| } | |
| .list-lines ul ul ul ul ul ul ul::before { | |
| border-color: var(--accent-5); | |
| } | |
| .list-lines ul ul ul ul ul ul ul li::after { | |
| color: var(--accent-5); | |
| } | |
| .list-lines ul ul ul ul ul ul ul ul { | |
| list-style: none; | |
| } | |
| .list-lines ul ul ul ul ul ul ul ul::before { | |
| border-color: var(--accent-6); | |
| } | |
| .list-lines ul ul ul ul ul ul ul ul li::after { | |
| color: var(--accent-6); | |
| } | |
| /* | |
| *..........................11. Graph */ | |
| .view-content iframe { | |
| background: var(--secondary-background); | |
| } | |
| .graph-view.color-fill { | |
| color: var(--main-node); | |
| } | |
| .theme-dark .graph-view.color-fill-unresolved { | |
| color: var(--main-node); | |
| opacity: 0.5; | |
| } | |
| * .theme-dark .graph-view.color-fill-tag { | |
| color: var(--tags); | |
| } | |
| .theme-dark .graph-view.color-fill-attachment { | |
| color: var(--attachments); | |
| } | |
| .graph-view.color-line { | |
| color: #676767; | |
| } | |
| .graph-view.color-line-highlight, | |
| .graph-view.color-fill-highlight { | |
| color: #fe6a26; | |
| } | |
| .graph-controls { | |
| resize: horizontal; | |
| max-width: none; | |
| } | |
| .graph-view.color-fill-focused { | |
| color: var(--accent-5); | |
| } | |
| /* | |
| *..........................12. Query */ | |
| .search-result-file-matched-text { | |
| background: #d44521; | |
| } | |
| .tree-item-self .tree-item-inner .search-result-file-matched-text { | |
| background: none; | |
| } | |
| .internal-query .internal-query-header { | |
| background: #00000034; | |
| } | |
| .internal-query | |
| .search-results-children | |
| .tree-item.search-result:nth-child(odd) { | |
| background: #00000034; | |
| } | |
| /* | |
| *..........................13. Blockquotes */ | |
| .markdown-preview-view blockquote { | |
| border-color: var(--accent-6); | |
| border-width: 1px; | |
| border-radius: 5px; | |
| } | |
| .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote { | |
| border-color: var(--main-node); | |
| border-width: 1px; | |
| border-left-width: var(--size-1); | |
| border-radius: 5px; | |
| padding: 1em; | |
| max-width: 750px !important; | |
| background-color: transparent; | |
| } | |
| .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote span.cm-quote { | |
| color: var(--main-text); | |
| } | |
| /* | |
| *..........................14. Kanban */ | |
| .kanban ul { | |
| display: flex; | |
| flex-direction: row; | |
| border: var(--size-0-5) solid var(--secondary-background); | |
| background-color: var(--secondary-background-low-opacity); | |
| padding: 1rem; | |
| border-radius: 1rem; | |
| flex-wrap: wrap; | |
| } | |
| .kanban ul li { | |
| flex: 1 1 20%; | |
| list-style: none; | |
| } | |
| .kanban ul ul { | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| padding: 0rem; | |
| margin-right: 2.5rem; | |
| margin-top: 1rem; | |
| border-radius: 0; | |
| border: 0; | |
| background: none; | |
| } | |
| .kanban ul ul li { | |
| width: 100%; | |
| display: block; | |
| background: var(--secondary-background); | |
| margin-bottom: 5px; | |
| padding: var(--size-2-5); | |
| border: 1px solid black; | |
| border-radius: 5px; | |
| } | |
| .kanban ul ul li:nth-child(even) { | |
| background: var(--main-background); | |
| } | |
| .kanban ul ul li:hover { | |
| background: #afafaf10; | |
| } | |
| .kanban ul ul li .task-list-item-checkbox { | |
| margin-left: 1.5rem; | |
| } | |
| .kanban ul ul ul { | |
| margin-right: 0; | |
| } | |
| .kanban ul ul::before { | |
| border-left: 0; | |
| } | |
| .markdown-preview-view.is-readable-line-width.kanban | |
| .markdown-preview-sizer | |
| > div | |
| > ul { | |
| max-width: 100%; | |
| } | |
| .theme-light .kanban ul { | |
| background-color: #dadada2b; | |
| } | |
| .theme-light .kanban ul li ul li:hover { | |
| background: white; | |
| } | |
| /* | |
| *..........................15. Images */ | |
| img { | |
| margin-top: 1rem; | |
| } | |
| img[alt~='float-right'] { | |
| float: right; | |
| margin-left: 1rem; | |
| } | |
| img[alt~='float-left'] { | |
| float: left; | |
| margin-right: 1rem; | |
| } | |
| img[alt~='float-center'] { | |
| display: block; | |
| margin: auto; | |
| } | |
| img[alt~='float-clear'] { | |
| clear: both; | |
| } | |
| img[alt~='type-banner'] { | |
| width: 100%; | |
| height: 250px; | |
| object-fit: cover; | |
| } | |
| img[alt~='type-profile'] { | |
| width: 100px; | |
| height: 100px; | |
| object-fit: cover; | |
| } | |
| img[alt~='type-portrait'] { | |
| width: 281px; | |
| height: 500px; | |
| object-fit: cover; | |
| } | |
| img[alt~='radius-small'] { | |
| border-radius: var(--size-3-5); | |
| } | |
| img[alt~='radius-medium'] { | |
| border-radius: 30px; | |
| } | |
| img[alt~='radius-large'] { | |
| border-radius: 60px; | |
| } | |
| img[alt~='radius-circle'] { | |
| border-radius: 50%; | |
| } | |
| img[alt~='border-small'] { | |
| border: var(--size-0-5) solid var(--main-node); | |
| } | |
| img[alt~='border-medium'] { | |
| border: 5px solid var(--main-node); | |
| } | |
| img[alt~='border-large'] { | |
| border: var(--size-2-5) solid var(--main-node); | |
| } | |
| /* | |
| *..........................16. Eisenhower Matrix */ | |
| .markdown-preview-view.matrix table tr { | |
| display: flex; | |
| } | |
| .markdown-preview-view.matrix table tr th, | |
| .markdown-preview-view.matrix table tr td { | |
| width: 50%; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .markdown-preview-view.matrix table tr th > *, | |
| .markdown-preview-view.matrix table tr td > * { | |
| width: 100%; | |
| height: 100%; | |
| background-color: var(--main-background); | |
| } | |
| .markdown-preview-view.matrix table tr td { | |
| background-color: var(--main-background); | |
| } | |
| .markdown-preview-view.matrix table tr:nth-child(1) td:nth-child(1) > * { | |
| border-color: var(--accent-1); | |
| } | |
| .markdown-preview-view.matrix table tr:nth-child(1) td:nth-child(1):hover { | |
| background-color: var(--accent-1); | |
| } | |
| .markdown-preview-view.matrix table tr:nth-child(1) td:nth-child(2) > * { | |
| border-color: var(--accent-2); | |
| } | |
| .markdown-preview-view.matrix table tr:nth-child(1) td:nth-child(2):hover { | |
| background-color: var(--accent-2); | |
| } | |
| .markdown-preview-view.matrix table tr:nth-child(2) td:nth-child(1) > * { | |
| border-color: var(--accent-4); | |
| } | |
| .markdown-preview-view.matrix table tr:nth-child(2) td:nth-child(1):hover { | |
| background-color: var(--accent-4); | |
| } | |
| .markdown-preview-view.matrix table tr:nth-child(2) td:nth-child(2) > * { | |
| border-color: var(--accent-5); | |
| } | |
| .markdown-preview-view.matrix table tr:nth-child(2) td:nth-child(2):hover { | |
| background-color: var(--accent-5); | |
| } | |
| /* | |
| *..........................17. Math */ | |
| .MJX-TEX, | |
| .cm-s-obsidian .cm-math { | |
| color: #7bd5f6; | |
| } | |
| .theme-light .MJX-TEX, | |
| .theme-light .cm-s-obsidian .cm-math { | |
| color: #024ea2; | |
| } | |
| span.math { | |
| font-family: MJXZERO, 'MJXTEX-I'; | |
| font-size: 1.1em; | |
| } | |
| .MJX-TEX { | |
| font-family: MJXZERO, MJXTEX; | |
| } | |
| .MJX-TEX * { | |
| font-family: MJXZERO, MJXTEX; | |
| } | |
| /* | |
| *..........................18. Keyboard Key Symbol */ | |
| kbd { | |
| box-shadow: 0 1px 1px black; | |
| border: 1px solid black; | |
| } | |
| .theme-light kbd { | |
| box-shadow: 0 1px 1px #cacaca; | |
| border: 1px solid #cacaca; | |
| } | |
| /* | |
| *..........................19. Notice */ | |
| .is-mobile .notice { | |
| background-color: var(--interactive-accent); | |
| } | |
| /* | |
| *..........................100. Other People's Plugins */ | |
| /** Day Planner */ | |
| /*** Progress Bar */ | |
| .day-planner .day-planner-progress-bar { | |
| background: var(--secondary-background); | |
| background: #cfcfcf; | |
| } | |
| /* Icon Shortcode */ | |
| img.isc-icon.isc-luc { | |
| margin: 0; | |
| } | |
| /* Obsidian Charts */ | |
| :root { | |
| --chart-color-1: var(--accent-1); | |
| --chart-color-2: var(--accent-2); | |
| --chart-color-3: var(--accent-3); | |
| --chart-color-4: var(--accent-4); | |
| --chart-color-5: var(--accent-5); | |
| --chart-color-6: var(--accent-6); | |
| } | |
| /* Dataview */ | |
| .dataview.table-view-table > thead > tr > th { | |
| font-size: var(--font-size-sm); | |
| letter-spacing: 0.08em; | |
| text-indent: 0.5em; | |
| } | |
| .dataview.table-view-table > tbody > tr > td { | |
| max-width: 18em; | |
| min-width: 8em; | |
| width: fit-content; | |
| padding: var(--size-2); | |
| font-size: var(--font-size-sm); | |
| } | |
| .dataview .dataview-result-list-root-ul { | |
| /* Need to use !important because Dataview originally uses !important */ | |
| padding-left: var(--size-6) !important; | |
| } | |
| /* @settings | |
| name: Spectrum Style Settings | |
| id: spectrum | |
| settings: | |
| - | |
| id: main-color | |
| title: Main Colors | |
| type: heading | |
| level: 2 | |
| - | |
| id: main-node | |
| title: Main Node | |
| type: variable-color | |
| format: rgb | |
| default: rgb(255, 190, 0) | |
| - | |
| id: accent-color | |
| title: Accent Colors | |
| type: heading | |
| level: 2 | |
| - | |
| id: accent-1 | |
| title: Accent 1 | |
| type: variable-color | |
| format: rgb | |
| default: rgb(245, 112, 76) | |
| - | |
| id: accent-2 | |
| title: Accent 2 | |
| type: variable-color | |
| format: rgb | |
| default: rgb(245, 161, 76) | |
| - | |
| id: accent-3 | |
| title: Accent 3 | |
| type: variable-color | |
| format: rgb | |
| default: rgb(237, 228, 130) | |
| - | |
| id: accent-4 | |
| title: Accent 4 | |
| type: variable-color | |
| format: rgb | |
| default: rgb(170, 222, 98) | |
| - | |
| id: accent-5 | |
| title: Accent 5 | |
| type: variable-color | |
| format: rgb | |
| default: rgb(98, 222, 172) | |
| - | |
| id: accent-6 | |
| title: Accent 6 | |
| type: variable-color | |
| format: rgb | |
| default: rgb(98, 183, 222) | |
| - | |
| */ |