commit 33aeba71dc46a13ab54383abd08be03f1a21941e Author: GlitchByte Date: Tue Jun 22 03:15:13 2021 -0400 initial commit diff --git a/README.md b/README.md new file mode 100644 index 0000000..31b3263 --- /dev/null +++ b/README.md @@ -0,0 +1,11 @@ +# Obsidian + Everforest + +This is an [Everforest](https://github.com/sainnhe/everforest) theme for +[Obsidian](https://obsidian.md). It supports both light and dark modes. + +Simply copy the `obsidian.css` file to your vault directory and reload +Obsidian for it to take effect. + +![](dark.png) + +![](light.png) diff --git a/dark.png b/dark.png new file mode 100644 index 0000000..b935393 Binary files /dev/null and b/dark.png differ diff --git a/light.png b/light.png new file mode 100644 index 0000000..ca15767 Binary files /dev/null and b/light.png differ diff --git a/obsidian.css b/obsidian.css new file mode 100644 index 0000000..cabe02a --- /dev/null +++ b/obsidian.css @@ -0,0 +1,495 @@ + +:root +{ + --dark0-hard: #22282c; + --dark0: #2f383e; + --dark0-soft: #2f383e; + --dark1: #374247; + --dark2: #404c51; + --dark3: #4a555b; + --dark4: #525c62; + + --gray: #7c8377; + + --light0-hard: #fff9e8; + --light0: #fdf6e3; + --light0-soft: #f8f0dc; + --light1: #f7f2e0; + --light2: #f0eed9; + --light3: #e9e8d2; + --light4: #e1ddcb; + + --faded-red: #e67e80; + --faded-green: #a7c080; + --faded-yellow: #dbbc7f; + --faded-blue: #7fbbb3; + --faded-purple: #d3869b; + --faded-aqua: #83c092; + --faded-orange: #e69875; + + --neutral-red: #da6362; + --neutral-green: #899c40; + --neutral-yellow: #bf983d; + --neutral-blue: #5a93a2; + --neutral-purple: #b87b9d; + --neutral-aqua: #569d79; + --neutral-orange: #d77f48; + + +} + +.theme-dark +{ + --font-monospace: 'Hack Nerd Font', 'Source Code Pro', monospace; + --background-primary: var(--dark0); + --background-primary-alt: var(--dark0); + --background-secondary: var(--dark0); + --background-secondary-alt: var(--dark1); + --text-normal: var(--light0); + --text-faint: var(--light3); + --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-title-h6: var(--faded-purple); + --text-link: var(--neutral-blue); + --text-a: var(--faded-green); + --text-a-hover: var(--faded-aqua); + /*--text-mark: rgba(215, 153, 33, 0.4); /* neutral-yellow */ + --pre-code: var(--dark1); + --text-highlight-bg: var(--neutral-aqua); + --interactive-accent: var(--neutral-blue); + --interactive-before: var(--dark4); + --background-modifier-border: var(--dark2); + --text-accent: var(--neutral-green); + --interactive-accent-rgb: var(--neutral-blue); + --inline-code: var(--faded-blue); + --code-block: var(--faded-red); + --vim-cursor: var(--neutral-blue); + --text-selection: rgba(168, 153, 132, 0.5); /* light4 */ +} + +.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(--neutral-red); + --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(--neutral-blue); + --text-a: var(--neutral-orange); + --text-a-hover: var(--neutral-aqua); + --text-mark: rgba(215, 153, 33, 0.4); /* neutral-yellow */ + --pre-code: var(--light1); + --text-highlight-bg: var(--neutral-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: 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(--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 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(--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); +} + +::selection +{ + background-color: var(--text-selection) !important; +} + +.mermaid .note +{ + fill: var(--dark3) !important; +} +