269 lines
7.2 KiB
CSS
269 lines
7.2 KiB
CSS
|
:root {
|
||
|
|
--base03-rgb: 0, 43, 54;
|
||
|
|
--base03: rgb(var(--base03-rgb));
|
||
|
|
--base02-rgb: 7, 54, 66;
|
||
|
|
--base02: rgb(var(--base02-rgb));
|
||
|
|
--base01-rgb: 88, 110, 117;
|
||
|
|
--base01: rgb(var(--base01-rgb));
|
||
|
|
--base00-rgb: 101, 123, 131;
|
||
|
|
--base00: rgb(var(--base00-rgb));
|
||
|
|
--base0-rgb: 131, 148, 150;
|
||
|
|
--base0: rgb(var(--base0-rgb));
|
||
|
|
--base1-rgb: 147, 161, 161;
|
||
|
|
--base1: rgb(var(--base1-rgb));
|
||
|
|
--base2-rgb: 238, 232, 213;
|
||
|
|
--base2: rgb(var(--base2-rgb));
|
||
|
|
--base3-rgb: 253, 246, 227;
|
||
|
|
--base3: rgb(var(--base3-rgb));
|
||
|
|
--yellow-rgb: 181, 137, 0;
|
||
|
|
--yellow: rgb(var(--yellow-rgb));
|
||
|
|
--orange-rgb: 203, 75, 22;
|
||
|
|
--orange: rgb(var(--orange-rgb));
|
||
|
|
--red-rgb: 220, 50, 47;
|
||
|
|
--red: rgb(var(--red-rgb));
|
||
|
|
--magenta-rgb: 211, 54, 130;
|
||
|
|
--magenta: rgb(var(--magenta-rgb));
|
||
|
|
--violet-rgb: 108, 113, 196;
|
||
|
|
--violet: rgb(var(--violet-rgb));
|
||
|
|
--blue-rgb: 38, 139, 210;
|
||
|
|
--blue: rgb(var(--blue-rgb));
|
||
|
|
--cyan-rgb: 42, 161, 152;
|
||
|
|
--cyan: rgb(var(--cyan-rgb));
|
||
|
|
--green-rgb: 133, 153, 0;
|
||
|
|
--green: rgb(var(--green-rgb));
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark {
|
||
|
|
/* Overwrite default theme colors */
|
||
|
|
--color-base-00: #1e1e1e;
|
||
|
|
--color-base-10: #242424;
|
||
|
|
--color-base-20: #262626;
|
||
|
|
--color-base-25: var(--base03);
|
||
|
|
--color-base-30: var(--base02);
|
||
|
|
--color-base-35: var(--base02);
|
||
|
|
--color-base-40: var(--base0);
|
||
|
|
--color-base-50: #666;
|
||
|
|
--color-base-60: #999;
|
||
|
|
--color-base-70: #bababa;
|
||
|
|
--color-base-100: #dadada;
|
||
|
|
/* Background */
|
||
|
|
--background-primary: var(--base03);
|
||
|
|
--background-primary-alt: var(--base02);
|
||
|
|
/* Text */
|
||
|
|
--text-normal: var(--base0);
|
||
|
|
--text-muted: var(--base00);
|
||
|
|
--text-faint: var(--base01);
|
||
|
|
/* File explorer */
|
||
|
|
--active-bg: var(--nav-item-background-active);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light {
|
||
|
|
/* Overwrite default theme colors */
|
||
|
|
--color-base-00: var(--base2);
|
||
|
|
--color-base-05: #fcfcfc;
|
||
|
|
--color-base-10: var(--base2);
|
||
|
|
--color-base-20: #f6f6f6;
|
||
|
|
--color-base-25: #e3e3e3;
|
||
|
|
--color-base-30: var(--base2);
|
||
|
|
--color-base-35: var(--base2);
|
||
|
|
--color-base-40: var(--base00);
|
||
|
|
--color-base-50: #ababab;
|
||
|
|
--color-base-60: #707070;
|
||
|
|
--color-base-70: #5a5a5a;
|
||
|
|
--color-base-100: #222222;
|
||
|
|
/* Background */
|
||
|
|
--background-primary: var(--base3);
|
||
|
|
--background-primary-alt: var(--base2);
|
||
|
|
/* Text */
|
||
|
|
--text-normal: var(--base00);
|
||
|
|
--text-muted: var(--base0);
|
||
|
|
--text-faint: var(--base1);
|
||
|
|
/* File explorer */
|
||
|
|
--active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1);
|
||
|
|
--nav-item-background-active: var(--active-bg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark,
|
||
|
|
.theme-light {
|
||
|
|
/* Overwrite default theme colors */
|
||
|
|
--color-red-rgb: var(--red-rgb);
|
||
|
|
--color-red: var(--red);
|
||
|
|
--color-green-rgb: var(--green-rgb);
|
||
|
|
--color-green: var(--green);
|
||
|
|
--color-orange: var(--orange);
|
||
|
|
--color-yellow: var(--yellow);
|
||
|
|
--color-cyan: var(--cyan);
|
||
|
|
--color-blue: var(--blue);
|
||
|
|
--color-purple: var(--violet);
|
||
|
|
--color-pink: var(--magenta);
|
||
|
|
--accent-h: 18;
|
||
|
|
--accent-s: 80%;
|
||
|
|
--accent-l: 44%;
|
||
|
|
--interactive-accent: var(--color-accent);
|
||
|
|
/* Background */
|
||
|
|
--background-secondary: var(--background-primary);
|
||
|
|
--background-secondary-alt: var(--background-primary-alt);
|
||
|
|
/* Text */
|
||
|
|
--text-on-accent: var(--background-primary);
|
||
|
|
/* Headings */
|
||
|
|
--text-title: var(--cyan);
|
||
|
|
--heading-formatting: var(--text-title);
|
||
|
|
--h1-color: var(--text-title);
|
||
|
|
--h2-color: var(--text-title);
|
||
|
|
--h3-color: var(--text-title);
|
||
|
|
--h4-color: var(--text-title);
|
||
|
|
--h5-color: var(--text-title);
|
||
|
|
--h6-color: var(--text-title);
|
||
|
|
/* Links */
|
||
|
|
--link-color: var(--blue);
|
||
|
|
--link-color-hover: var(--link-color);
|
||
|
|
--link-decoration: none;
|
||
|
|
--link-decoration-hover: underline;
|
||
|
|
--link-external-color: var(--violet);
|
||
|
|
--link-external-color-hover: var(--link-external-color);
|
||
|
|
--link-external-decoration: none;
|
||
|
|
--link-external-decoration-hover: underline;
|
||
|
|
--link-unresolved-color: var(--red);
|
||
|
|
--link-unresolved-color-hover: var(--link-unresolved-color);
|
||
|
|
--link-unresolved-opacity: unset;
|
||
|
|
--link-unresolved-decoration-color: var(--link-unresolved-color);
|
||
|
|
/* Code */
|
||
|
|
--code-normal: var(--text-normal);
|
||
|
|
--code-comment: var(--cyan);
|
||
|
|
--code-function: var(--blue);
|
||
|
|
--code-important: var(--orange);
|
||
|
|
--code-keyword: var(--green);
|
||
|
|
--code-operator: var(--code-normal);
|
||
|
|
--code-property: var(--code-normal);
|
||
|
|
--code-punctuation: var(--code-normal);
|
||
|
|
--code-string: var(--cyan);
|
||
|
|
--code-tag: var(--red);
|
||
|
|
--code-value: var(--magenta);
|
||
|
|
/* Tables */
|
||
|
|
--table-header-size: inherit;
|
||
|
|
--table-header-weight: var(--font-bold);
|
||
|
|
--table-header-color: inherit;
|
||
|
|
/* Highlights */
|
||
|
|
--text-highlight-bg: var(--color-accent);
|
||
|
|
--text-highlight-bg-active: var(--color-accent);
|
||
|
|
/* Checkboxes in reading view */
|
||
|
|
--checkbox-border-color: var(--interactive-accent);
|
||
|
|
--checkbox-border-color-hover: var(--interactive-accent-hover);
|
||
|
|
/* Hashtags */
|
||
|
|
--tag-padding-x: var(--tag-padding-y);
|
||
|
|
/* Focus border */
|
||
|
|
--background-modifier-border-focus: var(--interactive-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-obsidian {
|
||
|
|
/* Checkboxes */
|
||
|
|
/* Links */
|
||
|
|
/* Tables */
|
||
|
|
/* Search results */
|
||
|
|
/* Code */
|
||
|
|
/* Highlights */
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-formatting-task {
|
||
|
|
color: var(--checkbox-color);
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-formatting-link {
|
||
|
|
color: var(--link-color);
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-formatting-link.cm-strikethrough {
|
||
|
|
text-decoration-line: line-through;
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-link {
|
||
|
|
color: var(--link-external-color) !important;
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-url.cm-strikethrough {
|
||
|
|
text-decoration-line: line-through;
|
||
|
|
}
|
||
|
|
.cm-s-obsidian .HyperMD-table-row-0 {
|
||
|
|
font-weight: var(--font-bold);
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.obsidian-search-match-highlight {
|
||
|
|
box-shadow: unset;
|
||
|
|
mix-blend-mode: unset;
|
||
|
|
border-radius: unset;
|
||
|
|
background: var(--green);
|
||
|
|
color: var(--text-on-accent);
|
||
|
|
padding: 2px 0;
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-comment {
|
||
|
|
color: var(--code-comment);
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-inline-code {
|
||
|
|
padding: 2px 0;
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-formatting-highlight,
|
||
|
|
.cm-s-obsidian span.cm-highlight {
|
||
|
|
color: var(--text-on-accent);
|
||
|
|
padding: 2px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* More code */
|
||
|
|
.cm-def {
|
||
|
|
color: var(--code-function);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-atom {
|
||
|
|
color: var(--code-value);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-hmd-frontmatter.cm-hmd-frontmatter.cm-atom,
|
||
|
|
.cm-hmd-frontmatter.cm-hmd-frontmatter.cm-def {
|
||
|
|
color: var(--interactive-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Search results */
|
||
|
|
.is-flashing {
|
||
|
|
border-radius: unset;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-file-matched-text {
|
||
|
|
color: var(--text-on-accent);
|
||
|
|
padding: 2px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-rendered .internal-link.is-unresolved:hover {
|
||
|
|
color: var(--link-unresolved-color-hover);
|
||
|
|
text-decoration-color: var(--link-unresolved-color-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Highlight current line */
|
||
|
|
.cm-active {
|
||
|
|
background: var(--active-bg);
|
||
|
|
}
|
||
|
|
.cm-active.cm-gutterElement {
|
||
|
|
color: var(--color-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hashtags */
|
||
|
|
.cm-hashtag.cm-hashtag-begin, .cm-hashtag.cm-hashtag-end {
|
||
|
|
border: unset;
|
||
|
|
border-radius: unset;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* https://github.com/nothingislost/obsidian-dynamic-highlights */
|
||
|
|
.cm-current-word,
|
||
|
|
.cm-matched-word,
|
||
|
|
.cm-current-string,
|
||
|
|
.cm-matched-string {
|
||
|
|
background: var(--yellow);
|
||
|
|
color: var(--text-on-accent);
|
||
|
|
text-decoration: none;
|
||
|
|
padding: 2px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* File explorer */
|
||
|
|
.is-flashing {
|
||
|
|
color: var(--text-on-accent) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title,
|
||
|
|
.workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title {
|
||
|
|
box-shadow: 0 0 0 2px var(--color-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
/*# sourceMappingURL=theme.css.map */
|