initial commit
This commit is contained in:
GlitchByte
495
obsidian.css
Normal file
495
obsidian.css
Normal file
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user