138 lines
3.4 KiB
CSS
138 lines
3.4 KiB
CSS
:root {
|
|
--base03: #002b36;
|
|
--base02: #073642;
|
|
--base01: #586e75;
|
|
--base00: #657b83;
|
|
--base0: #839496;
|
|
--base1: #93a1a1;
|
|
--base2: #eee8d5;
|
|
--base3: #fdf6e3;
|
|
--yellow: #b58900;
|
|
--orange: #cb4b16;
|
|
--red: #dc322f;
|
|
--magenta: #d33682;
|
|
--violet: #6c71c4;
|
|
--blue: #268bd2;
|
|
--cyan: #2aa198;
|
|
--green: #859900;
|
|
}
|
|
|
|
.theme-dark {
|
|
--background-primary: var(--base03);
|
|
--background-primary-alt: var(--base02);
|
|
--background-secondary: var(--base03);
|
|
--background-secondary-alt: var(--base02);
|
|
--text-normal: var(--base00);
|
|
--text-faint: var(--base01);
|
|
--text-muted: var(--base0);
|
|
--text-error: var(--red);
|
|
--text-accent: var(--violet);
|
|
--text-title: var(--cyan);
|
|
--text-code: var(--magenta);
|
|
--text-highlight-fg: var(--blue);
|
|
--text-highlight-bg: var(--base02);
|
|
--background-modifier-border: var(--base01);
|
|
--background-modifier-form-field: var(--base02);
|
|
--interactive-normal: var(--red);
|
|
--interactive-accent: var(--orange);
|
|
--interactive-accent-hover: var(--cyan);
|
|
--interactive-accent-rgb: var(--green);
|
|
--vim-cursor: var(--green);
|
|
--text-border: var(--yellow);
|
|
|
|
}
|
|
|
|
.theme-light {
|
|
--background-primary: var(--base3);
|
|
--background-primary-alt: var(--base2);
|
|
--background-secondary: var(--base3);
|
|
--background-secondary-alt: var(--base2);
|
|
--text-normal: var(--base00);
|
|
--text-faint: var(--base1);
|
|
--text-muted: var(--base0);
|
|
--text-error: var(--red);
|
|
--text-accent: var(--violet);
|
|
--text-title: var(--cyan);
|
|
--text-code: var(--magenta);
|
|
--text-highlight-fg: var(--blue);
|
|
--text-highlight-bg: var(--base2);
|
|
--pre-code: var(--base0);
|
|
--background-modifier-border: var(--base1);
|
|
--background-modifier-form-field: var(--base2);
|
|
--interactive-normal: var(--base3);
|
|
--interactive-accent: var(--orange);
|
|
--interactive-accent-hover: var(--cyan);
|
|
--interactive-accent-rgb: var(--green);
|
|
--text-on-accent: var(--base3);
|
|
--vim-cursor: var(--green);
|
|
--text-border: var(--yellow);
|
|
|
|
}
|
|
|
|
.cm-header {
|
|
color: var(--text-title);
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, .markdown-preview-view h6{
|
|
color: var(--text-title);
|
|
}
|
|
|
|
.cm-formatting-image.cm-link {
|
|
color: var(--text-faint) !important;
|
|
}
|
|
|
|
.CodeMirror span.cm-inline-code,
|
|
.CodeMirror span.cm-math,
|
|
pre > code:not(.prism) {
|
|
color: var(--text-code);
|
|
}
|
|
|
|
.CodeMirror span.cm-formatting-math {
|
|
color: var(--text-highlight-fg);
|
|
}
|
|
|
|
pre.HyperMD-codeblock {
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
.cm-highlight, mark {
|
|
background: var(--text-highlight-bg) !important;
|
|
color: var(--text-highlight-fg) !important;
|
|
}
|
|
|
|
blockquote, .markdown-embed {
|
|
border-color: var(--text-border) !important;
|
|
}
|
|
|
|
.search-result-file-matched-text {
|
|
color: var(--text-highlight-fg);
|
|
}
|
|
|
|
.suggestion-item.is-selected {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
/* Tags */
|
|
.cm-s-obsidian span.cm-hashtag-begin,
|
|
.cm-s-obsidian span.cm-hashtag-end,
|
|
a.tag {
|
|
background-color: var(--text-normal);
|
|
color: var(--background-primary);
|
|
padding: 5px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.tag {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-hashtag-begin {
|
|
border-radius: 10px 0px 0px 10px;
|
|
font-family: inherit;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-hashtag-end {
|
|
border-radius: 0px 10px 10px 0px;
|
|
padding-left: 0px;
|
|
} |