Last active
August 20, 2020 07:38
-
-
Save zynaxsoft/5ec4916398b892eed1f9bd75bc9b5976 to your computer and use it in GitHub Desktop.
obsidian.css
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
| :root | |
| { | |
| --dark0-hard: #1d2021; | |
| --dark0: #282828; | |
| --dark0-soft: #32302f; | |
| --dark1: #3c3836; | |
| --dark2: #504945; | |
| --dark3: #665c54; | |
| --dark4: #7c6f64; | |
| --gray: #928374; | |
| --light0-hard: #f9f5d7; | |
| --light0: #fbf1c7; | |
| --light0-soft: #f2e5bc; | |
| --light1: #ebdbb2; | |
| --light2: #d5c4a1; | |
| --light3: #bdae93; | |
| --light4: #a89984; | |
| --bright-red: #fb4934; | |
| --bright-green: #b8bb26; | |
| --bright-yellow: #fabd2f; | |
| --bright-blue: #83a598; | |
| --bright-purple: #d3869b; | |
| --bright-aqua: #8ec07c; | |
| --bright-orange: #fe8019; | |
| --neutral-red: #cc241d; | |
| --neutral-green: #98971a; | |
| --neutral-yellow: #d79921; | |
| --neutral-blue: #458588; | |
| --neutral-purple: #b16286; | |
| --neutral-aqua: #689d6a; | |
| --neutral-orange: #d65d0e; | |
| --faded-red: #9d0006; | |
| --faded-green: #79740e; | |
| --faded-yellow: #b57614; | |
| --faded-blue: #076678; | |
| --faded-purple: #8f3f71; | |
| --faded-aqua: #427b58; | |
| --faded-orange: #af3a03; | |
| } | |
| .theme-dark | |
| { | |
| --font-monospace: 'Hack Nerd Font', 'Source Code Pro', monospace; | |
| --background-primary: var(--dark0); | |
| --background-primary-alt: var(--dark0); | |
| --background-secondary: var(--dark0-hard); | |
| --background-secondary-alt: var(--dark1); | |
| --text-normal: var(--light0); | |
| --text-faint: var(--light3); | |
| --text-title-h1: var(--light1); | |
| --text-title-h2: var(--neutral-orange); | |
| --text-title-h3: var(--neutral-yellow); | |
| --text-title-h4: var(--neutral-green); | |
| --text-title-h5: var(--neutral-aqua); | |
| --text-link: var(--bright-blue); | |
| --text-a: var(--bright-orange); | |
| --text-a-hover: var(--bright-blue); | |
| --text-mark: var(--neutral-yellow); | |
| --pre-code: var(--dark1); | |
| --text-highlight-bg: var(--faded-aqua); | |
| --interactive-accent: var(--bright-orange); | |
| --interactive-before: var(--dark4); | |
| --background-modifier-border: var(--dark2); | |
| --text-accent: var(--bright-orange); | |
| --interactive-accent-rgb: var(--bright-orange); | |
| --inline-code: var(--bright-blue); | |
| --code-block: var(--bright-blue); | |
| --vim-cursor: var(--bright-orange); | |
| --text-selection: var(--dark3); | |
| } | |
| .theme-light | |
| { | |
| --background-primary: var(--light0); | |
| --background-primary-alt: var(--light0); | |
| --background-secondary: var(--light0-hard); | |
| --background-secondary-alt: var(--light1); | |
| --text-normal: var(--dark0); | |
| --text-faint: var(--dark3); | |
| --text-title-h1: var(--faded-red); | |
| --text-title-h2: var(--faded-orange); | |
| --text-title-h3: var(--faded-yellow); | |
| --text-title-h4: var(--faded-green); | |
| --text-title-h5: var(--faded-aqua); | |
| --text-link: var(--neutral-blue); | |
| --text-a: var(--neutral-orange); | |
| --text-a-hover: var(--neutral-blue); | |
| --text-mark: var(--neutral-yellow); | |
| --pre-code: var(--light1); | |
| --text-highlight-bg: var(--bright-aqua); | |
| --interactive-accent: var(--neutral-orange); | |
| --interactive-before: var(--light4); | |
| --background-modifier-border: var(--light2); | |
| --text-accent: var(--neutral-orange); | |
| --interactive-accent-rgb: var(--neutral-orange); | |
| --inline-code: var(--neutral-blue); | |
| --vim-cursor: var(--neutral-orange); | |
| --text-selection: var(--light2); | |
| } | |
| .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; | |
| } | |
| .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; | |
| color: var(--dark0) !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 | |
| { | |
| font-family: var(--font-monospace) !important; | |
| 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-linenumber, | |
| .cm-formatting | |
| { | |
| font-family: var(--font-monospace) !important; | |
| } | |
| .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: 600 !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, | |
| .cm-header-6, | |
| .markdown-preview-section h5, | |
| .markdown-preview-section h6 | |
| { | |
| font-weight: 500 !important; | |
| font-size: 18px !important; | |
| color: var(--text-title-h5) !important; | |
| } | |
| .suggestion-item.is-selected | |
| { | |
| background-color: var(--background-secondary); | |
| } | |
| .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:hover | |
| { | |
| background-color: var(--interactive-before) !important; | |
| font-weight: 600 !important; | |
| } | |
| input.task-list-item-checkbox { | |
| border: 1px solid var(--dark4); | |
| appearance: none; | |
| -webkit-appearance: none; | |
| } | |
| input.task-list-item-checkbox:checked { | |
| background-color: var(--dark4); | |
| box-shadow: inset 0 0 0 2px var(--background-primary); | |
| } | |
| /* Tags */ | |
| .cm-s-obsidian span.cm-hashtag-begin, | |
| .cm-s-obsidian span.cm-hashtag-end, | |
| a.tag { | |
| background-color: var(--light3); | |
| color: var(--dark0-hard) !important; | |
| text-decoration: none; | |
| font-size: 0.88em; | |
| padding: 1px; | |
| padding-left: 0.2em; | |
| padding-right: 0.2em; | |
| } | |
| a.tag { | |
| border-radius: 3px; | |
| } | |
| .cm-s-obsidian span.cm-hashtag-begin { | |
| border-radius: 3px 0px 0px 3px; | |
| font-family: inherit !important; | |
| padding-right: 0px; | |
| } | |
| .cm-s-obsidian span.cm-hashtag-end { | |
| border-radius: 0px 3px 3px 0px; | |
| padding-left: 0px; | |
| } | |
| .CodeMirror-cursor | |
| { | |
| font-size: 1.3em; | |
| opacity: 60% !important; | |
| background-color: var(--vim-cursor) !important; | |
| } | |
| strong, | |
| .cm-s-obsidian span.cm-strong | |
| { | |
| font-weight: 1000 !important; | |
| color: var(--neutral-purple) !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment