diff --git a/everforest.css b/obsidian.css similarity index 95% rename from everforest.css rename to obsidian.css index 4154ef2..085e992 100644 --- a/everforest.css +++ b/obsidian.css @@ -1,582 +1,582 @@ -/***** TABLE OF CONTENTS *****/ -/* TODO: Reformat entire CSS file as below. -/* 1. Font -/* 2. Colours -/* 2.1. Dark theme color variables -/* 2.2. Light theme color variables -/* 2.3. Dark theme implementation -/* 2.4. Light theme implementation -/* 3. General UI -/* 3.1. Title Bar -/* 4. Markdown (editor / preview) -/* 4.1. Headings -/* 4.1.1. Fix font weights -/* 4.2. Links -/* 4.2.1. Nifty arrow before internal links (also applies to embeds) -/* 4.3. Embeds -/* 4.4. Tables -/* 4.5. Popovers -/* 4.6. Task Lists -/* 4.7. Blockquotes -/* 4.8. Code -/* 4.9. Bulleted lists -/* 4.10. Misc Fixes -/* 5. Graph view colours -/* 6. Notion Colour Blocks -/* 7. In-document header (scrolls with the document) [remove for compatibility with Andy's mode] -/* 7.1. Adjustments for non-in-document headers (graphs, etc)\ -/* 7.2. Active pane border -/* 7.3. Misc fixes -/* 8. Tags -/* 8.1. Tag custom colours -/***** *****/ - -/* 1. Font */ -body { - /* font stacks taken directly from Notion */ - --font-monospace: Hack Nerd Font',Source Code Pro', monospace; - -webkit-font-smoothing: auto; -} - -/* 2. Colours */ -:root -{ - /* 2.1 Dark theme color variables */ - --bg0-dark: #22282c; - --bg1-dark: #272f34; - --bg-dark: #2f383e; - --bg2-dark: #374247; - --bg3-dark: #404c51; - --bg4-dark: #4a555b; - --bg5-dark: #525c62; - --bg_visual: #503946; - --bg_red: #4e3e43; - --bg_green: #404d44; - --bg_blue: #394f5a; - --bg_yellow: #4a4940; - --shadow: #00000070; - - --fg-dark: #d3c6aa; - --grey0-dark: #7f897d; - --grey1-dark: #859289; - --grey2-dark: #9aa79d; - - --faded-red: #e67e80; - --faded-orange: #e69875; - --faded-yellow: #dbbc7f; - --faded-green: #a7c080; - --faded-aqua: #83c092; - --faded-blue: #7fbbb3; - --faded-purple: #d699b6; - - --dim-red: #da6362; - --dim-orange: #d77f48; - --dim-yellow: #bf983d; - --dim-green: #899c40; - --dim-aqua: #569d79; - --dim-blue: #5a93a2; - --dim-purple: #b87b9d; - - - /* 2.2 Light theme color variables */ - --bg0-light: #f0edd8; - --bg1-light: #f6f1dd; - --bg-light: #fdf6e3; - --bg2-light: #f3efda; - --bg3-light: #edead5; - --bg4-light: #e4e1cd; - --bg5-light: #dfdbc8; - --grey0-light: #a4ad9e; - --grey1-light: #939f91; - --grey2-light: #879686; - --shadow-light: #3c474d20; - - - --bg_visual_light: #eaedc8; - --bg_red_light: #fbe3da; - --bg_green_light: #f0f1d2; - --bg_blue_light: #e9f0e9; - --bg_yellow_light: #faedcd; - - --fg-light: #5c6a72; - - --light-red: #f85552; - --light-orange: #f57d26; - --light-yellow: #bf983d; - --light-green: #899c40; - --light-aqua: #569d79; - --light-blue: #5a93a2; - --light-purple: #b87b9d; - - --light-dim-red: #f1706f; - --light-dim-orange: #f39459; - --light-dim-yellow: #e4b649; - --light-dim-green: #a4bb4a; - --light-dim-aqua: #6ec398; - --light-dim-blue: #6cb3c6; - --light-dim-purple: #e092be; - - -} - -/* 2.3 Dark theme implementation */ -.theme-dark -{ - --background-primary: var(--bg-dark); - --background-primary-alt: var(--bg-dark); - --background-secondary: var(--bg-dark); - --background-secondary-alt: var(--bg-dark); - --text-normal: var(--fg-dark); - --text-faint: var(--grey1-dark); - --text-title-h1: var(--dim-red); - --text-title-h2: var(--dim-orange); - --text-title-h3: var(--dim-yellow); - --text-title-h4: var(--dim-green); - --text-title-h5: var(--dim-aqua); - --text-title-h6: var(--dim-purple); - --text-link: var(--faded-blue); - --text-a: var(--faded-green); - --text-a-hover: var(--dim-green); - --text-mark: rgba(215, 153, 33, 0.4); /* light-yellow */ - --pre-code: var(--bg1-dark); - --text-highlight-bg: var(--bg_green); - --interactive-accent: var(--bg5-dark); - --interactive-before: var(--bg5-dark); - --background-modifier-border: var(--bg5-dark); - --text-accent: var(--bg5-dark); - --interactive-accent-rgb: var(--faded-green); - --inline-code: var(--dim-blue); - --code-block: var(--fg-dark); - --vim-cursor: var(--faded-blue); - --text-selection: var(--bg5-dark); -} - -/* 2.4 Light theme implementation */ -.theme-light -{ - --background-primary: var(--bg-light); - --background-primary-alt: var(--bg-light); - --background-secondary: var(--bg-light); - --background-secondary-alt: var(--bg-light); - --text-normal: var(--fg-light); - --text-faint: var(--grey1-light); - --text-title-h1: var(--light-red); - --text-title-h2: var(--light-orange); - --text-title-h3: var(--light-yellow); - --text-title-h4: var(--light-green); - --text-title-h5: var(--light-aqua); - --text-title-h6: var(--light-purple); - --text-link: var(--light-blue); - --text-a: var(--light-dim-blue); - --text-a-hover: var(--light-blue); - --text-mark: rgba(215, 153, 33, 0.4); /* light-yellow */ - --pre-code: var(--bg1-light); - --text-highlight-bg: var(--light-dim-green); - --interactive-accent: var(--bg5-light); - --interactive-before: var(--bg5-light); - --background-modifier-border: var(--bg5-light); - --text-accent: var(--bg5-light); - --interactive-accent-rgb: var(--light-dim-green); - --inline-code: var(--light-blue); - --code-block: var(--fg-light); - --vim-cursor: var(--light-blue); - --text-selection: rgba(189, 174, 147, 0.5); /* light3 */ -} - -.theme-dark code[class*="language-"], -.theme-dark pre[class*="language-"], -.theme-light code[class*="language-"], -.theme-light pre[class*="language-"] -{ - text-shadow: none !important; - background-color: var(--pre-code) !important; -} - -/* 3. General UI */ -.view-header-title { - font-weight: 700; - } - - /* 3.1. Title bar */ - .titlebar { - background-color: var(--background-secondary-alt); - } - - .titlebar-inner { - color: var(--text-normal); - } - -.graph-view.color-circle, -.graph-view.color-fill-highlight, -.graph-view.color-line-highlight -{ - color: var(--interactive-accent-rgb) !important; -} -.graph-view.color-text -{ - color: var(--text-a-hover) !important; -} -/* -.graph-view.color-fill -{ - color: var(--background-secondary); -} -.graph-view.color-line -{ - color: var(--background-modifier-border); -} -*/ - -html, -body -{ - font-size: 16px !important; -} - -strong -{ - font-weight: 600 !important; -} - -a, -.cm-hmd-internal-link -{ - color: var(--text-a) !important; - text-decoration: none !important; -} - -a:hover, -.cm-hmd-internal-link:hover, -.cm-url -{ - color: var(--text-a-hover) !important; - text-decoration: none !important; -} - -mark -{ - background-color: var(--text-mark) !important; -} - -.view-actions a -{ - color: var(--text-normal) !important; -} - -.view-actions a:hover -{ - color: var(--text-a) !important; -} - -.HyperMD-codeblock-bg -{ - background-color: var(--pre-code) !important; -} - -.HyperMD-codeblock -{ - line-height: 1.4em !important; - color: var(--code-block) !important; -} - -.HyperMD-codeblock-begin -{ - border-top-left-radius: 4px !important; - border-top-right-radius: 4px !important; -} - -.HyperMD-codeblock-end -{ - border-bottom-left-radius: 4px !important; - border-bottom-right-radius: 4px !important; -} - -th -{ - font-weight: 600 !important; -} - -thead -{ - border-bottom: 2px solid var(--background-modifier-border) !important; -} - -.HyperMD-table-row -{ - line-height: normal !important; - padding-left: 4px !important; - padding-right: 4px !important; - /* background-color: var(--pre-code) !important; */ -} - -.HyperMD-table-row-0 -{ - padding-top: 4px !important; -} - -.CodeMirror-foldgutter-folded, -.is-collapsed .nav-folder-collapse-indicator -{ - color: var(--text-a) !important; -} - -.nav-file-tag -{ - color: var(--text-a) !important; -} - -.is-active .nav-file-title -{ - color: var(--text-a) !important; - background-color: var(--background-primary-alt) !important; -} - -.nav-file-title -{ - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; -} - -img -{ - display: block !important; - margin-left: auto !important; - margin-right: auto !important; -} - -.HyperMD-list-line -{ - padding-top: 0 !important; -} - -.CodeMirror-code, -.CodeMirror-linenumber, -.cm-formatting -{ - font-family: var(--font-monospace) !important; - font-size: 0.9em; -} - -.markdown-preview-section pre code, -.markdown-preview-section code -{ - font-size: 0.9em !important; - background-color: var(--pre-code) !important; -} - -.markdown-preview-section pre code -{ - padding: 4px !important; - line-height: 1.4em !important; - display: block !important; - color: var(--code-block) !important; -} - -.markdown-preview-section code -{ - color: var(--inline-code) !important; -} - -.cm-s-obsidian, -.cm-inline-code -{ - -webkit-font-smoothing: auto !important; -} - -.cm-inline-code -{ - color: var(--inline-code) !important; - background-color: var(--pre-code) !important; - padding: 1px !important; -} - -.workspace-leaf-header-title -{ - font-weight: 600 !important; -} - -.side-dock-title -{ - padding-top: 15px !important; - font-size: 20px !important; -} - -.side-dock-ribbon-tab:hover, -.side-dock-ribbon-action:hover, -.side-dock-ribbon-action.is-active:hover, -.nav-action-button:hover, -.side-dock-collapse-btn:hover -{ - color: var(--text-a); -} - -.side-dock -{ - border-right: 0 !important; -} - -.cm-s-obsidian, -.markdown-preview-view -{ - /* padding-left: 10px !important; */ - padding-right: 10px !important; -} - -/* vertical resize-handle */ -.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, -.workspace-split.mod-left-split > .workspace-leaf-resize-handle, -.workspace-split.mod-right-split > .workspace-leaf-resize-handle -{ - width: 1px !important; - background-color: var(--background-secondary-alt); -} - -/* horizontal resize-handle */ -.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle -{ - height: 1px !important; - background-color: var(--background-secondary-alt); -} - -/* Remove vertical split padding */ -.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content, -.workspace-split.mod-vertical > .workspace-split, -.workspace-split.mod-vertical > .workspace-leaf, -.workspace-tabs -{ - padding-right: 0px; -} - -.markdown-embed-title -{ - font-weight: 600 !important; -} - -.markdown-embed -{ - padding-left: 10px !important; - padding-right: 10px !important; - margin-left: 10px !important; - margin-right: 10px !important; -} - -.cm-header-1, -.markdown-preview-section h1 -{ - font-weight: 500 !important; - font-size: 34px !important; - color: var(--text-title-h1) !important; -} - -.cm-header-2, -.markdown-preview-section h2 -{ - font-weight: 500 !important; - font-size: 26px !important; - color: var(--text-title-h2) !important; -} - -.cm-header-3, -.markdown-preview-section h3 -{ - font-weight: 500 !important; - font-size: 22px !important; - color: var(--text-title-h3) !important; -} - -.cm-header-4, -.markdown-preview-section h4 -{ - font-weight: 500 !important; - font-size: 20px !important; - color: var(--text-title-h4) !important; -} - -.cm-header-5, -.markdown-preview-section h5 -{ - font-weight: 500 !important; - font-size: 18px !important; - color: var(--text-title-h5) !important; -} - -.cm-header-6, -.markdown-preview-section h6 -{ - font-weight: 500 !important; - font-size: 18px !important; - color: var(--text-title-h6) !important; -} - -.suggestion-item.is-selected -{ - background-color: var(--text-selection); -} - -.empty-state-container:hover -{ - background-color: var(--background-secondary-alt); - border: 5px solid var(--interactive-accent) !important; -} - -.checkbox-container -{ - background-color: var(--interactive-before); -} - -.checkbox-container:after -{ - background-color: var(--background-secondary-alt); -} - -.mod-cta -{ - color: var(--background-secondary-alt) !important; - font-weight: 600 !important; -} - -.mod-cta a -{ - color: var(--background-secondary-alt) !important; - font-weight: 600 !important; -} - -.mod-cta:hover -{ - background-color: var(--interactive-before) !important; - font-weight: 600 !important; -} - -.CodeMirror-cursor -{ - background-color: var(--vim-cursor) !important; - opacity: 60% !important; -} - -input.task-list-item-checkbox { - border: 1px solid var(--dark3); - appearance: none; - -webkit-appearance: none; -} - -input.task-list-item-checkbox:checked -{ - background-color: var(--dark3); - box-shadow: inset 0 0 0 2px var(--background-primary); -} - -::selection -{ - background-color: var(--text-selection) !important; -} - -.mermaid .note -{ - fill: var(--dark3) !important; -} - -.frontmatter-container { - display: none; +/***** TABLE OF CONTENTS *****/ +/* TODO: Reformat entire CSS file as below. +/* 1. Font +/* 2. Colours +/* 2.1. Dark theme color variables +/* 2.2. Light theme color variables +/* 2.3. Dark theme implementation +/* 2.4. Light theme implementation +/* 3. General UI +/* 3.1. Title Bar +/* 4. Markdown (editor / preview) +/* 4.1. Headings +/* 4.1.1. Fix font weights +/* 4.2. Links +/* 4.2.1. Nifty arrow before internal links (also applies to embeds) +/* 4.3. Embeds +/* 4.4. Tables +/* 4.5. Popovers +/* 4.6. Task Lists +/* 4.7. Blockquotes +/* 4.8. Code +/* 4.9. Bulleted lists +/* 4.10. Misc Fixes +/* 5. Graph view colours +/* 6. Notion Colour Blocks +/* 7. In-document header (scrolls with the document) [remove for compatibility with Andy's mode] +/* 7.1. Adjustments for non-in-document headers (graphs, etc)\ +/* 7.2. Active pane border +/* 7.3. Misc fixes +/* 8. Tags +/* 8.1. Tag custom colours +/***** *****/ + +/* 1. Font */ +body { + /* font stacks taken directly from Notion */ + --font-monospace: Hack Nerd Font',Source Code Pro', monospace; + -webkit-font-smoothing: auto; +} + +/* 2. Colours */ +:root +{ + /* 2.1 Dark theme color variables */ + --bg0-dark: #22282c; + --bg1-dark: #272f34; + --bg-dark: #2f383e; + --bg2-dark: #374247; + --bg3-dark: #404c51; + --bg4-dark: #4a555b; + --bg5-dark: #525c62; + --bg_visual: #503946; + --bg_red: #4e3e43; + --bg_green: #404d44; + --bg_blue: #394f5a; + --bg_yellow: #4a4940; + --shadow: #00000070; + + --fg-dark: #d3c6aa; + --grey0-dark: #7f897d; + --grey1-dark: #859289; + --grey2-dark: #9aa79d; + + --faded-red: #e67e80; + --faded-orange: #e69875; + --faded-yellow: #dbbc7f; + --faded-green: #a7c080; + --faded-aqua: #83c092; + --faded-blue: #7fbbb3; + --faded-purple: #d699b6; + + --dim-red: #da6362; + --dim-orange: #d77f48; + --dim-yellow: #bf983d; + --dim-green: #899c40; + --dim-aqua: #569d79; + --dim-blue: #5a93a2; + --dim-purple: #b87b9d; + + + /* 2.2 Light theme color variables */ + --bg0-light: #f0edd8; + --bg1-light: #f6f1dd; + --bg-light: #fdf6e3; + --bg2-light: #f3efda; + --bg3-light: #edead5; + --bg4-light: #e4e1cd; + --bg5-light: #dfdbc8; + --grey0-light: #a4ad9e; + --grey1-light: #939f91; + --grey2-light: #879686; + --shadow-light: #3c474d20; + + + --bg_visual_light: #eaedc8; + --bg_red_light: #fbe3da; + --bg_green_light: #f0f1d2; + --bg_blue_light: #e9f0e9; + --bg_yellow_light: #faedcd; + + --fg-light: #5c6a72; + + --light-red: #f85552; + --light-orange: #f57d26; + --light-yellow: #bf983d; + --light-green: #899c40; + --light-aqua: #569d79; + --light-blue: #5a93a2; + --light-purple: #b87b9d; + + --light-dim-red: #f1706f; + --light-dim-orange: #f39459; + --light-dim-yellow: #e4b649; + --light-dim-green: #a4bb4a; + --light-dim-aqua: #6ec398; + --light-dim-blue: #6cb3c6; + --light-dim-purple: #e092be; + + +} + +/* 2.3 Dark theme implementation */ +.theme-dark +{ + --background-primary: var(--bg-dark); + --background-primary-alt: var(--bg-dark); + --background-secondary: var(--bg-dark); + --background-secondary-alt: var(--bg-dark); + --text-normal: var(--fg-dark); + --text-faint: var(--grey1-dark); + --text-title-h1: var(--dim-red); + --text-title-h2: var(--dim-orange); + --text-title-h3: var(--dim-yellow); + --text-title-h4: var(--dim-green); + --text-title-h5: var(--dim-aqua); + --text-title-h6: var(--dim-purple); + --text-link: var(--faded-blue); + --text-a: var(--faded-green); + --text-a-hover: var(--dim-green); + --text-mark: rgba(215, 153, 33, 0.4); /* light-yellow */ + --pre-code: var(--bg1-dark); + --text-highlight-bg: var(--bg_green); + --interactive-accent: var(--bg5-dark); + --interactive-before: var(--bg5-dark); + --background-modifier-border: var(--bg5-dark); + --text-accent: var(--bg5-dark); + --interactive-accent-rgb: var(--faded-green); + --inline-code: var(--dim-blue); + --code-block: var(--fg-dark); + --vim-cursor: var(--faded-blue); + --text-selection: var(--bg5-dark); +} + +/* 2.4 Light theme implementation */ +.theme-light +{ + --background-primary: var(--bg-light); + --background-primary-alt: var(--bg-light); + --background-secondary: var(--bg-light); + --background-secondary-alt: var(--bg-light); + --text-normal: var(--fg-light); + --text-faint: var(--grey1-light); + --text-title-h1: var(--light-red); + --text-title-h2: var(--light-orange); + --text-title-h3: var(--light-yellow); + --text-title-h4: var(--light-green); + --text-title-h5: var(--light-aqua); + --text-title-h6: var(--light-purple); + --text-link: var(--light-blue); + --text-a: var(--light-dim-blue); + --text-a-hover: var(--light-blue); + --text-mark: rgba(215, 153, 33, 0.4); /* light-yellow */ + --pre-code: var(--bg1-light); + --text-highlight-bg: var(--light-dim-green); + --interactive-accent: var(--bg5-light); + --interactive-before: var(--bg5-light); + --background-modifier-border: var(--bg5-light); + --text-accent: var(--bg5-light); + --interactive-accent-rgb: var(--light-dim-green); + --inline-code: var(--light-blue); + --code-block: var(--fg-light); + --vim-cursor: var(--light-blue); + --text-selection: rgba(189, 174, 147, 0.5); /* light3 */ +} + +.theme-dark code[class*="language-"], +.theme-dark pre[class*="language-"], +.theme-light code[class*="language-"], +.theme-light pre[class*="language-"] +{ + text-shadow: none !important; + background-color: var(--pre-code) !important; +} + +/* 3. General UI */ +.view-header-title { + font-weight: 700; + } + + /* 3.1. Title bar */ + .titlebar { + background-color: var(--background-secondary-alt); + } + + .titlebar-inner { + color: var(--text-normal); + } + +.graph-view.color-circle, +.graph-view.color-fill-highlight, +.graph-view.color-line-highlight +{ + color: var(--interactive-accent-rgb) !important; +} +.graph-view.color-text +{ + color: var(--text-a-hover) !important; +} +/* +.graph-view.color-fill +{ + color: var(--background-secondary); +} +.graph-view.color-line +{ + color: var(--background-modifier-border); +} +*/ + +html, +body +{ + font-size: 16px !important; +} + +strong +{ + font-weight: 600 !important; +} + +a, +.cm-hmd-internal-link +{ + color: var(--text-a) !important; + text-decoration: none !important; +} + +a:hover, +.cm-hmd-internal-link:hover, +.cm-url +{ + color: var(--text-a-hover) !important; + text-decoration: none !important; +} + +mark +{ + background-color: var(--text-mark) !important; +} + +.view-actions a +{ + color: var(--text-normal) !important; +} + +.view-actions a:hover +{ + color: var(--text-a) !important; +} + +.HyperMD-codeblock-bg +{ + background-color: var(--pre-code) !important; +} + +.HyperMD-codeblock +{ + line-height: 1.4em !important; + color: var(--code-block) !important; +} + +.HyperMD-codeblock-begin +{ + border-top-left-radius: 4px !important; + border-top-right-radius: 4px !important; +} + +.HyperMD-codeblock-end +{ + border-bottom-left-radius: 4px !important; + border-bottom-right-radius: 4px !important; +} + +th +{ + font-weight: 600 !important; +} + +thead +{ + border-bottom: 2px solid var(--background-modifier-border) !important; +} + +.HyperMD-table-row +{ + line-height: normal !important; + padding-left: 4px !important; + padding-right: 4px !important; + /* background-color: var(--pre-code) !important; */ +} + +.HyperMD-table-row-0 +{ + padding-top: 4px !important; +} + +.CodeMirror-foldgutter-folded, +.is-collapsed .nav-folder-collapse-indicator +{ + color: var(--text-a) !important; +} + +.nav-file-tag +{ + color: var(--text-a) !important; +} + +.is-active .nav-file-title +{ + color: var(--text-a) !important; + background-color: var(--background-primary-alt) !important; +} + +.nav-file-title +{ + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} + +img +{ + display: block !important; + margin-left: auto !important; + margin-right: auto !important; +} + +.HyperMD-list-line +{ + padding-top: 0 !important; +} + +.CodeMirror-code, +.CodeMirror-linenumber, +.cm-formatting +{ + font-family: var(--font-monospace) !important; + font-size: 0.9em; +} + +.markdown-preview-section pre code, +.markdown-preview-section code +{ + font-size: 0.9em !important; + background-color: var(--pre-code) !important; +} + +.markdown-preview-section pre code +{ + padding: 4px !important; + line-height: 1.4em !important; + display: block !important; + color: var(--code-block) !important; +} + +.markdown-preview-section code +{ + color: var(--inline-code) !important; +} + +.cm-s-obsidian, +.cm-inline-code +{ + -webkit-font-smoothing: auto !important; +} + +.cm-inline-code +{ + color: var(--inline-code) !important; + background-color: var(--pre-code) !important; + padding: 1px !important; +} + +.workspace-leaf-header-title +{ + font-weight: 600 !important; +} + +.side-dock-title +{ + padding-top: 15px !important; + font-size: 20px !important; +} + +.side-dock-ribbon-tab:hover, +.side-dock-ribbon-action:hover, +.side-dock-ribbon-action.is-active:hover, +.nav-action-button:hover, +.side-dock-collapse-btn:hover +{ + color: var(--text-a); +} + +.side-dock +{ + border-right: 0 !important; +} + +.cm-s-obsidian, +.markdown-preview-view +{ + /* padding-left: 10px !important; */ + padding-right: 10px !important; +} + +/* vertical resize-handle */ +.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, +.workspace-split.mod-left-split > .workspace-leaf-resize-handle, +.workspace-split.mod-right-split > .workspace-leaf-resize-handle +{ + width: 1px !important; + background-color: var(--background-secondary-alt); +} + +/* horizontal resize-handle */ +.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle +{ + height: 1px !important; + background-color: var(--background-secondary-alt); +} + +/* Remove vertical split padding */ +.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content, +.workspace-split.mod-vertical > .workspace-split, +.workspace-split.mod-vertical > .workspace-leaf, +.workspace-tabs +{ + padding-right: 0px; +} + +.markdown-embed-title +{ + font-weight: 600 !important; +} + +.markdown-embed +{ + padding-left: 10px !important; + padding-right: 10px !important; + margin-left: 10px !important; + margin-right: 10px !important; +} + +.cm-header-1, +.markdown-preview-section h1 +{ + font-weight: 500 !important; + font-size: 34px !important; + color: var(--text-title-h1) !important; +} + +.cm-header-2, +.markdown-preview-section h2 +{ + font-weight: 500 !important; + font-size: 26px !important; + color: var(--text-title-h2) !important; +} + +.cm-header-3, +.markdown-preview-section h3 +{ + font-weight: 500 !important; + font-size: 22px !important; + color: var(--text-title-h3) !important; +} + +.cm-header-4, +.markdown-preview-section h4 +{ + font-weight: 500 !important; + font-size: 20px !important; + color: var(--text-title-h4) !important; +} + +.cm-header-5, +.markdown-preview-section h5 +{ + font-weight: 500 !important; + font-size: 18px !important; + color: var(--text-title-h5) !important; +} + +.cm-header-6, +.markdown-preview-section h6 +{ + font-weight: 500 !important; + font-size: 18px !important; + color: var(--text-title-h6) !important; +} + +.suggestion-item.is-selected +{ + background-color: var(--text-selection); +} + +.empty-state-container:hover +{ + background-color: var(--background-secondary-alt); + border: 5px solid var(--interactive-accent) !important; +} + +.checkbox-container +{ + background-color: var(--interactive-before); +} + +.checkbox-container:after +{ + background-color: var(--background-secondary-alt); +} + +.mod-cta +{ + color: var(--background-secondary-alt) !important; + font-weight: 600 !important; +} + +.mod-cta a +{ + color: var(--background-secondary-alt) !important; + font-weight: 600 !important; +} + +.mod-cta:hover +{ + background-color: var(--interactive-before) !important; + font-weight: 600 !important; +} + +.CodeMirror-cursor +{ + background-color: var(--vim-cursor) !important; + opacity: 60% !important; +} + +input.task-list-item-checkbox { + border: 1px solid var(--dark3); + appearance: none; + -webkit-appearance: none; +} + +input.task-list-item-checkbox:checked +{ + background-color: var(--dark3); + box-shadow: inset 0 0 0 2px var(--background-primary); +} + +::selection +{ + background-color: var(--text-selection) !important; +} + +.mermaid .note +{ + fill: var(--dark3) !important; +} + +.frontmatter-container { + display: none; } \ No newline at end of file