Created
August 21, 2024 04:31
-
-
Save jSayal/759267c4538151baff26dd6c008b275c to your computer and use it in GitHub Desktop.
Obsidian default dark theme overrides
This file contains hidden or 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
| body { | |
| --file-line-width: 1280px; /* Doucment width */ | |
| /* ----------------------------------- | |
| * Colors override | |
| * ---------------------------------- */ | |
| --color-base-00: #2c292d; | |
| --color-orange: blue; | |
| --bold-color: var(--color-purple); | |
| --italic-color: var(--sync-avatar-color-8); | |
| --link-external-color: var(--color-pink); | |
| --text-highlight-bg-rgb: 120, 220, 232; | |
| --text-highlight-bg: rgba(var(--text-highlight-bg-rgb), 0.3); | |
| --h1-color: #f7f7f7; | |
| --h2-color: #54cbe2; | |
| --h3-color: #a8db74; | |
| --h4-color: #FFD866; | |
| --table-header-background: #161616; | |
| --blockquote-background-color: var(--color-base-05); | |
| --blockquote-background-color: hsla(var(--interactive-accent-hsl), 0.08); | |
| --titlebar-background: var(--background-secondary); | |
| --titlebar-background-focused: #151515; | |
| /* ----------------------------------- | |
| * Typography overrides | |
| * ---------------------------------- */ | |
| --h1-font: 'Ellograph CF'; | |
| --h1-size: 2.5em; | |
| --h1-style: normal; | |
| --h1-weight: 700; | |
| --h2-font: 'Agave Nerd Font'; | |
| --h2-size: 2em; | |
| --h2-style: normal; | |
| --h3-font: 'Ellograph CF'; | |
| --h3-size: 1.75em; | |
| --h4-size: 1.25em; | |
| --h5-size: 1.125em; | |
| --h6-size: 1em; | |
| /* ----------------------------------- | |
| * Code Box overrides | |
| * ---------------------------------- */ | |
| --code-size: var(--font-small); | |
| /* ----------------------------------- | |
| * Table overrides | |
| * ---------------------------------- */ | |
| --table-text-size: 1.1rem; | |
| --table-header-weight: 700; | |
| /* ----------------------------------- | |
| * Block Quotes overrides | |
| * ---------------------------------- */ | |
| --blockquote-border-thickness: 8px; | |
| /* ----------------------------------- | |
| * Tags overrides | |
| * ---------------------------------- */ | |
| --tag-radius: 10px; | |
| } | |
| /* ----------------------------------- | |
| * H1 letter spacing override | |
| * ---------------------------------- */ | |
| .HyperMD-header-1, .inline-title[data-level='1'], .HyperMD-list-line .cm-header-1 { | |
| letter-spacing: -2px; | |
| word-spacing: -8px; | |
| } | |
| /* ----------------------------------- | |
| * H2 word spacing override | |
| * ---------------------------------- */ | |
| .HyperMD-header-2, .inline-title[data-level='2'], .HyperMD-list-line .cm-header-2 { | |
| word-spacing: -8px; | |
| } | |
| /* ----------------------------------- | |
| * Code blocks language symbol | |
| * Top right corner | |
| * ---------------------------------- */ | |
| .code-block-flair { | |
| font-size: 1rem !important; | |
| color: var(--color-cyan) !important; | |
| } | |
| /* ----------------------------------- | |
| * Dark theme overrides | |
| * ---------------------------------- */ | |
| .theme-dark { | |
| /* | |
| --background-primary: #171421; | |
| --background-secondary: #220070; | |
| */ | |
| --color-base-00: #211f22; | |
| /* For code blocks */ | |
| --background-primary-alt: #151515; | |
| } | |
| /* ----------------------------------- | |
| * Dark theme overrides | |
| * ---------------------------------- */ | |
| .light-theme { | |
| --background-primary: #ECE4FF; | |
| --background-secondary: #D9C9FF; | |
| } | |
| /* ----------------------------------- | |
| * Vault file navigation overrides | |
| * ---------------------------------- */ | |
| .nav-files-container { | |
| background: #151515; | |
| } | |
| .nav-header, | |
| body:not(.is-mobile) | |
| .workspace-split.mod-left-split | |
| .workspace-sidedock-vault-profile | |
| { | |
| background: var(--background-primary); | |
| } | |
| /* ----------------------------------- | |
| * Hiding document file name heading | |
| * ---------------------------------- */ | |
| .inline-title { | |
| display: none; | |
| } | |
| /* ----------------------------------- | |
| * Pinned tabs - shrink width | |
| * ---------------------------------- */ | |
| .workspace-tab-header:has(.mod-pinned) { | |
| /* shrink if pinned */ | |
| max-width: 70px !important; | |
| /* To hide title of pinned tabs, enable this CSS rule */ | |
| /* & .workspace-tab-header-inner-title { | |
| display: none; | |
| } */ | |
| } | |
| /* ----------------------------------- | |
| * Tables | |
| * ---------------------------------- */ | |
| /* Alternate row colors for tables */ | |
| tr:nth-child(even) { | |
| background: #242323 !important; | |
| } | |
| /* Height of table header row */ | |
| thead tr { | |
| height: 42px !important; | |
| } | |
| /* Table header row vertical alignment & color */ | |
| thead tr th { | |
| vertical-align: middle !important; | |
| color: #ff6188 !important; | |
| } | |
| /* Table header row height fix for text vertical alignment */ | |
| .markdown-source-view.mod-cm6 .cm-table-widget .table-cell-wrapper { | |
| height: fit-content; | |
| } | |
| /* ----------------------------------- | |
| * Block quotes | |
| * ---------------------------------- */ | |
| .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote { | |
| padding: 16px 0; | |
| text-indent: -10px !important; | |
| padding-inline-start: 20px !important; | |
| } |
jSayal
commented
Aug 21, 2024
Author

Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment