mirror of
https://github.com/hearth-code/hearthcode-obsidian.git
synced 2026-07-22 04:50:27 +00:00
1382 lines
45 KiB
CSS
1382 lines
45 KiB
CSS
/* Auto-generated by scripts/generate-obsidian-app-theme.mjs - DO NOT EDIT */
|
|
/* Theme: HearthCode */
|
|
|
|
.theme-dark {
|
|
--background-modifier-active-hover: #3a362e;
|
|
--background-modifier-border: #3c3a32;
|
|
--background-modifier-border-focus: #cb9322a6;
|
|
--background-modifier-border-hover: rgb(60 58 50 / 0.48);
|
|
--background-modifier-box-shadow: rgb(27 29 26 / 0.6);
|
|
--background-modifier-cover: rgb(27 29 26 / 0.72);
|
|
--background-modifier-error: rgb(212 184 79 / 0.2);
|
|
--background-modifier-error-hover: rgb(212 184 79 / 0.3);
|
|
--background-modifier-form-field: rgb(60 58 50 / 0.22);
|
|
--background-modifier-hover: #2d2a25;
|
|
--background-modifier-message: rgb(139 180 158 / 0.18);
|
|
--background-modifier-success: rgb(202 164 108 / 0.24);
|
|
--background-primary: #1b1d1a;
|
|
--background-primary-alt: #272824;
|
|
--background-secondary: #191815;
|
|
--background-secondary-alt: #443e35;
|
|
--blockquote-background-color: var(--hearth-md-surface-muted);
|
|
--blockquote-border-color: rgb(139 170 121 / 0.68);
|
|
--blockquote-border-thickness: 3px;
|
|
--blockquote-color: #9d8e7a;
|
|
--callout-border-opacity: 0.5;
|
|
--callout-border-width: 1px;
|
|
--callout-bug: 224, 108, 94;
|
|
--callout-content-background: transparent;
|
|
--callout-content-padding: 0.48em 0 0;
|
|
--callout-default: 104, 173, 193;
|
|
--callout-error: 224, 108, 94;
|
|
--callout-example: 136, 162, 201;
|
|
--callout-fail: 224, 108, 94;
|
|
--callout-info: 104, 173, 193;
|
|
--callout-padding: 0.72em 0.9em;
|
|
--callout-question: 213, 156, 96;
|
|
--callout-quote: 114, 104, 91;
|
|
--callout-radius: 8px;
|
|
--callout-success: 145, 207, 114;
|
|
--callout-tip: 145, 207, 114;
|
|
--callout-todo: 126, 177, 171;
|
|
--callout-warning: 210, 171, 97;
|
|
--checkbox-border-color: rgb(133 139 110 / 0.68);
|
|
--checkbox-border-color-hover: rgb(135 152 125 / 0.86);
|
|
--checkbox-color: #89c26c;
|
|
--checkbox-color-hover: #98b69f;
|
|
--checkbox-margin-inline-start: 0;
|
|
--checkbox-marker-color: #191815;
|
|
--checkbox-radius: 4px;
|
|
--checkbox-size: 15px;
|
|
--checklist-done-color: #938573;
|
|
--checklist-done-decoration: line-through;
|
|
--code-background: var(--hearth-md-code-surface);
|
|
--code-comment: #817566;
|
|
--code-function: #91cf72;
|
|
--code-important: #68adc1;
|
|
--code-keyword: #d4b84f;
|
|
--code-normal: #c3bfb9;
|
|
--code-operator: #979087;
|
|
--code-property: #8ebb7f;
|
|
--code-string: #caa46c;
|
|
--code-tag: #c5bf56;
|
|
--code-value: #77a7d2;
|
|
--h1-color: #d4b84f;
|
|
--h2-color: #91cf72;
|
|
--h3-color: #8ebb7f;
|
|
--h4-color: #caa46c;
|
|
--h5-color: #77a7d2;
|
|
--h6-color: #a1927e;
|
|
--hearth-accent-hover: #d49d2d;
|
|
--hearth-bracket-bright: #d2a33d;
|
|
--hearth-bracket-cool: #68adc1;
|
|
--hearth-bracket-match-fill: #d4b84f1a;
|
|
--hearth-bracket-match-stroke: #d4b84f47;
|
|
--hearth-bracket-warm: #d4b84f;
|
|
--hearth-callout-bg-opacity: 0.11;
|
|
--hearth-callout-border-opacity: 0.58;
|
|
--hearth-callout-rail-opacity: 0.72;
|
|
--hearth-feedback-info: #68adc1;
|
|
--hearth-feedback-note: #817566;
|
|
--hearth-guide: #454138;
|
|
--hearth-guide-active: #918675;
|
|
--hearth-guide-ink: #c5a36e;
|
|
--hearth-md-block-gap: 1em;
|
|
--hearth-md-border: rgb(75 71 61 / 0.54);
|
|
--hearth-md-border-soft: rgb(75 71 61 / 0.28);
|
|
--hearth-md-code-border: rgb(75 71 61 / 0.42);
|
|
--hearth-md-code-surface: rgb(38 39 35 / 0.9);
|
|
--hearth-md-inline-code: #9bb0bf;
|
|
--hearth-md-list-level-1: #858b6e;
|
|
--hearth-md-list-level-2: #858e69;
|
|
--hearth-md-list-level-3: #7e8486;
|
|
--hearth-md-surface: rgb(37 38 34 / 0.88);
|
|
--hearth-md-surface-muted: rgb(34 35 32 / 0.72);
|
|
--hearth-nav-active-ink: #e4d5bc;
|
|
--hearth-on-status: #191815;
|
|
--hearth-shell-band: #282521;
|
|
--hearth-task-background: rgb(35 36 33 / 0.9);
|
|
--hearth-task-cancelled: #e06c5e;
|
|
--hearth-task-cancelled-text: #da927d;
|
|
--hearth-task-deferred: #8e8170;
|
|
--hearth-task-deferred-text: #9d8e7a;
|
|
--hearth-task-done: #89c26c;
|
|
--hearth-task-important: #d2ab61;
|
|
--hearth-task-important-text: #d2b37b;
|
|
--hearth-task-progress: #68adc1;
|
|
--hearth-task-progress-text: #97b4b3;
|
|
--hearth-task-question: #d59c60;
|
|
--hearth-task-question-text: #d4aa7c;
|
|
--hearth-terminal-black: #1d201f;
|
|
--hearth-terminal-blue: #79a89f;
|
|
--hearth-terminal-bright-black: #675d52;
|
|
--hearth-terminal-bright-blue: #92bbb1;
|
|
--hearth-terminal-bright-cyan: #9bc099;
|
|
--hearth-terminal-bright-green: #b6c97f;
|
|
--hearth-terminal-bright-magenta: #dc9fb2;
|
|
--hearth-terminal-bright-red: #ee8376;
|
|
--hearth-terminal-bright-white: #f1e6d4;
|
|
--hearth-terminal-bright-yellow: #deba72;
|
|
--hearth-terminal-cyan: #8fb686;
|
|
--hearth-terminal-green: #9fb86f;
|
|
--hearth-terminal-magenta: #ca8ea5;
|
|
--hearth-terminal-red: #e06c5e;
|
|
--hearth-terminal-white: #d6c3a3;
|
|
--hearth-terminal-yellow: #d2ab61;
|
|
--hearth-whitespace: #454138;
|
|
--hr-color: rgb(60 58 50 / 0.7);
|
|
--interactive-accent: #8bb49e;
|
|
--interactive-accent-hover: #98b69f;
|
|
--interactive-hover: #2a2722;
|
|
--interactive-normal: rgb(60 58 50 / 0.2);
|
|
--link-color: #8bb49e;
|
|
--link-color-hover: #98b69f;
|
|
--link-unresolved-color: #938461;
|
|
--list-marker-color: #858b6e;
|
|
--list-marker-color-collapsed: #8bb49e;
|
|
--list-marker-color-hover: #858e69;
|
|
--list-spacing: 0.14em;
|
|
--scrollbar-active-thumb-bg: rgb(95 88 76 / 0.85);
|
|
--scrollbar-bg: transparent;
|
|
--scrollbar-thumb-bg: rgb(81 76 66 / 0.5);
|
|
--table-border-color: rgb(60 58 50 / 0.58);
|
|
--table-header-border-color: rgb(60 58 50 / 0.76);
|
|
--tag-background: rgb(104 173 193 / 0.14);
|
|
--tag-background-hover: rgb(104 173 193 / 0.22);
|
|
--tag-color: #68adc1;
|
|
--tag-color-hover: #d2bea2;
|
|
--text-accent: #8bb49e;
|
|
--text-accent-hover: #98b69f;
|
|
--text-error: #e06c5e;
|
|
--text-faint: #685f52;
|
|
--text-highlight-bg: rgb(203 147 34 / 0.34);
|
|
--text-muted: #a99983;
|
|
--text-normal: #d2bea2;
|
|
--text-on-accent: #191815;
|
|
--text-selection: #cb93222e;
|
|
--text-success: #91cf72;
|
|
--text-warning: #d2ab61;
|
|
}
|
|
.theme-dark .cm-s-obsidian span.cm-comment,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-comment {
|
|
color: var(--code-comment);
|
|
font-style: italic;
|
|
/* CJK fonts have no true italic cut; suppress the synthesized fake oblique
|
|
(renders upright) while real Latin italic faces still slant. Bold synthesis
|
|
is left intact for keywords. */
|
|
font-synthesis-style: none;
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-keyword,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-keyword {
|
|
color: var(--code-keyword);
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-operator,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-operator {
|
|
color: var(--code-operator);
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-string,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-string {
|
|
color: var(--code-string);
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-number,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-number {
|
|
color: var(--code-value);
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-def,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-def,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-variable-2 {
|
|
color: var(--code-function);
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-variable,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-variable {
|
|
color: var(--code-normal);
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-property,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-property {
|
|
color: var(--code-property);
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-type,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-type {
|
|
color: var(--code-important);
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-tag,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-tag {
|
|
color: var(--code-tag);
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-atom,
|
|
.theme-dark .cm-s-obsidian span.cm-builtin,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-atom,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-builtin,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-meta,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-qualifier {
|
|
color: var(--code-important);
|
|
}
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-attribute,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-attribute,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-variable-3 {
|
|
color: var(--code-property);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-link {
|
|
color: var(--text-accent);
|
|
text-decoration-color: var(--text-accent);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-url {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-quote {
|
|
color: var(--code-comment);
|
|
}
|
|
|
|
/* Bold/italic are intentionally NOT recolored in the editor: the reading view
|
|
leaves them at text color, so coloring them here (formerly h2/h4) made edit
|
|
and preview diverge. Keep them as weight/slant only; enforced by obsidian-audit. */
|
|
|
|
.theme-dark .markdown-preview-view pre code .hljs-comment {
|
|
color: var(--code-comment);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view pre code .hljs-keyword,
|
|
.theme-dark .markdown-preview-view pre code .hljs-selector-tag {
|
|
color: var(--code-keyword);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view pre code .hljs-built_in,
|
|
.theme-dark .markdown-preview-view pre code .hljs-type,
|
|
.theme-dark .markdown-preview-view pre code .hljs-class,
|
|
.theme-dark .markdown-preview-view pre code .hljs-meta {
|
|
color: var(--code-important);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view pre code .hljs-function,
|
|
.theme-dark .markdown-preview-view pre code .hljs-title.function_ {
|
|
color: var(--code-function);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view pre code .hljs-attr,
|
|
.theme-dark .markdown-preview-view pre code .hljs-property {
|
|
color: var(--code-property);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view pre code .hljs-variable,
|
|
.theme-dark .markdown-preview-view pre code .hljs-template-variable {
|
|
color: var(--code-normal);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view pre code .hljs-string,
|
|
.theme-dark .markdown-preview-view pre code .hljs-title {
|
|
color: var(--code-string);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view pre code .hljs-number,
|
|
.theme-dark .markdown-preview-view pre code .hljs-literal,
|
|
.theme-dark .markdown-preview-view pre code .hljs-operator {
|
|
color: var(--code-value);
|
|
}
|
|
.theme-dark .markdown-rendered blockquote,
|
|
.theme-dark .markdown-rendered pre,
|
|
.theme-dark .markdown-rendered table,
|
|
.theme-dark .callout {
|
|
margin-block: var(--hearth-md-block-gap);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h1,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-1,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-1 {
|
|
color: var(--h1-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h2,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-2,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-2 {
|
|
color: var(--h2-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h3,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-3,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-3 {
|
|
color: var(--h3-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h4,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-4,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-4 {
|
|
color: var(--h4-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h5,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-5,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-5 {
|
|
color: var(--h5-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h6,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-6,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-6 {
|
|
color: var(--h6-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered a,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-link {
|
|
color: var(--link-color);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-hmd-internal-link,
|
|
.theme-dark .markdown-rendered .internal-link.is-unresolved {
|
|
color: var(--link-unresolved-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered blockquote {
|
|
border-inline-start-color: var(--blockquote-border-color);
|
|
border-inline-start-width: var(--blockquote-border-thickness);
|
|
background-color: var(--blockquote-background-color);
|
|
color: var(--blockquote-color);
|
|
border-radius: 0 7px 7px 0;
|
|
box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
|
|
padding: 0.55em 0.9em;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-quote {
|
|
background-color: var(--blockquote-background-color);
|
|
border-inline-start: var(--blockquote-border-thickness) solid var(--blockquote-border-color);
|
|
box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
|
|
color: var(--blockquote-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered hr {
|
|
border-color: var(--hr-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered ul > li::marker,
|
|
.theme-dark .markdown-rendered ol > li::marker,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-formatting-list {
|
|
color: var(--list-marker-color);
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.theme-dark .markdown-rendered ul ul > li::marker,
|
|
.theme-dark .markdown-rendered ol ol > li::marker,
|
|
.theme-dark .markdown-rendered ul ol > li::marker,
|
|
.theme-dark .markdown-rendered ol ul > li::marker {
|
|
color: var(--hearth-md-list-level-2);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered ul ul ul > li::marker,
|
|
.theme-dark .markdown-rendered ol ol ol > li::marker,
|
|
.theme-dark .markdown-rendered ul ol ul > li::marker,
|
|
.theme-dark .markdown-rendered ol ul ol > li::marker {
|
|
color: var(--hearth-md-list-level-3);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered ul > li > .list-bullet:after {
|
|
background-color: var(--hearth-md-list-level-1);
|
|
border: none;
|
|
border-radius: 50%;
|
|
width: 0.34em;
|
|
height: 0.34em;
|
|
}
|
|
|
|
.theme-dark .markdown-rendered ul ul > li > .list-bullet:after {
|
|
background-color: transparent;
|
|
border: 1px solid var(--hearth-md-list-level-2);
|
|
border-radius: 50%;
|
|
width: 0.42em;
|
|
height: 0.42em;
|
|
}
|
|
|
|
.theme-dark .markdown-rendered ul ul ul > li > .list-bullet:after {
|
|
background-color: var(--hearth-md-list-level-3);
|
|
border: none;
|
|
border-radius: 1px;
|
|
width: 0.5em;
|
|
height: 0.12em;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-formatting-list-ul {
|
|
color: var(--hearth-md-list-level-1);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-list-line-2 .cm-formatting-list,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-list-line-3 .cm-formatting-list {
|
|
color: var(--hearth-md-list-level-2);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-list-line-4 .cm-formatting-list,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-list-line-5 .cm-formatting-list {
|
|
color: var(--hearth-md-list-level-3);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered :not(pre) > code {
|
|
color: var(--hearth-md-inline-code);
|
|
background-color: var(--code-background);
|
|
border: 1px solid var(--hearth-md-code-border);
|
|
border-radius: 5px;
|
|
padding: 0.05em 0.34em;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-inline-code {
|
|
color: var(--hearth-md-inline-code);
|
|
background-color: var(--code-background);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.theme-dark .markdown-rendered pre {
|
|
background-color: var(--hearth-md-code-surface);
|
|
border: 1px solid var(--hearth-md-code-border);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.theme-dark .markdown-rendered pre code {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-codeblock {
|
|
background-color: var(--hearth-md-code-surface);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered table {
|
|
border-color: var(--table-border-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered th {
|
|
border-color: var(--table-header-border-color);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered td {
|
|
border-color: var(--table-border-color);
|
|
}
|
|
|
|
.theme-dark .tag,
|
|
.theme-dark a.tag {
|
|
color: var(--tag-color);
|
|
background-color: var(--tag-background);
|
|
border: 1px solid var(--background-modifier-border);
|
|
}
|
|
|
|
.theme-dark .tag:hover,
|
|
.theme-dark a.tag:hover {
|
|
color: var(--tag-color-hover);
|
|
background-color: var(--tag-background-hover);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-hashtag {
|
|
color: var(--tag-color);
|
|
background-color: var(--tag-background);
|
|
border-block: 1px solid var(--background-modifier-border);
|
|
padding-block: 0.05em;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-hashtag-begin {
|
|
border-inline-start: 1px solid var(--background-modifier-border);
|
|
border-start-start-radius: 5px;
|
|
border-end-start-radius: 5px;
|
|
padding-inline-start: 0.34em;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-hashtag-end {
|
|
border-inline-end: 1px solid var(--background-modifier-border);
|
|
border-start-end-radius: 5px;
|
|
border-end-end-radius: 5px;
|
|
padding-inline-end: 0.34em;
|
|
}
|
|
|
|
.theme-dark input[type='checkbox'] {
|
|
inline-size: var(--checkbox-size);
|
|
block-size: var(--checkbox-size);
|
|
margin-inline-start: var(--checkbox-margin-inline-start);
|
|
accent-color: var(--checkbox-color);
|
|
vertical-align: -0.12em;
|
|
}
|
|
|
|
.theme-dark input[type='checkbox']:checked {
|
|
accent-color: var(--hearth-task-done);
|
|
}
|
|
|
|
.theme-dark input[type='checkbox']:hover {
|
|
accent-color: var(--checkbox-color-hover);
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='x'],
|
|
.theme-dark li.task-list-item[data-task='X'],
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='x'],
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='X'] {
|
|
color: var(--checklist-done-color);
|
|
text-decoration: var(--checklist-done-decoration);
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='/'],
|
|
.theme-dark li.task-list-item[data-task='-'],
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='/'],
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='-'] {
|
|
color: var(--hearth-task-progress-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='/'] .task-list-item-checkbox,
|
|
.theme-dark li.task-list-item[data-task='-'] .task-list-item-checkbox,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='/'] .task-list-item-checkbox,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='-'] .task-list-item-checkbox {
|
|
accent-color: var(--hearth-task-progress);
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='?'],
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='?'] {
|
|
color: var(--hearth-task-question-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='?'] .task-list-item-checkbox,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='?'] .task-list-item-checkbox {
|
|
accent-color: var(--hearth-task-question);
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='!'],
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='!'] {
|
|
color: var(--hearth-task-important-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='!'] .task-list-item-checkbox,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='!'] .task-list-item-checkbox {
|
|
accent-color: var(--hearth-task-important);
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='~'],
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='~'] {
|
|
color: var(--hearth-task-cancelled-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='~'] .task-list-item-checkbox,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='~'] .task-list-item-checkbox {
|
|
accent-color: var(--hearth-task-cancelled);
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='>'],
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='>'] {
|
|
color: var(--hearth-task-deferred-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-dark li.task-list-item[data-task='>'] .task-list-item-checkbox,
|
|
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='>'] .task-list-item-checkbox {
|
|
accent-color: var(--hearth-task-deferred);
|
|
}
|
|
.theme-dark .callout {
|
|
border: var(--callout-border-width) solid rgba(var(--callout-color), var(--hearth-callout-border-opacity));
|
|
border-inline-start-width: 4px;
|
|
border-radius: var(--callout-radius);
|
|
background-color: rgba(var(--callout-color), var(--hearth-callout-bg-opacity));
|
|
box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
|
|
padding: var(--callout-padding);
|
|
}
|
|
|
|
.theme-dark .callout .callout-title {
|
|
color: rgb(var(--callout-color));
|
|
}
|
|
|
|
.theme-dark .callout .callout-icon .svg-icon {
|
|
color: rgb(var(--callout-color));
|
|
}
|
|
|
|
.theme-dark .callout .callout-content {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='note'] {
|
|
--callout-color: var(--callout-default);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='todo'],
|
|
.theme-dark .callout[data-callout='accent'] {
|
|
--callout-color: var(--callout-todo);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='tip'],
|
|
.theme-dark .callout[data-callout='hint'],
|
|
.theme-dark .callout[data-callout='success'] {
|
|
--callout-color: var(--callout-success);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='info'],
|
|
.theme-dark .callout[data-callout='abstract'],
|
|
.theme-dark .callout[data-callout='summary'],
|
|
.theme-dark .callout[data-callout='tldr'] {
|
|
--callout-color: var(--callout-info);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='question'],
|
|
.theme-dark .callout[data-callout='help'],
|
|
.theme-dark .callout[data-callout='faq'] {
|
|
--callout-color: var(--callout-question);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='warning'],
|
|
.theme-dark .callout[data-callout='caution'],
|
|
.theme-dark .callout[data-callout='attention'] {
|
|
--callout-color: var(--callout-warning);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='danger'],
|
|
.theme-dark .callout[data-callout='error'],
|
|
.theme-dark .callout[data-callout='failure'],
|
|
.theme-dark .callout[data-callout='fail'],
|
|
.theme-dark .callout[data-callout='missing'],
|
|
.theme-dark .callout[data-callout='bug'] {
|
|
--callout-color: var(--callout-error);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='example'] {
|
|
--callout-color: var(--callout-example);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='quote'],
|
|
.theme-dark .callout[data-callout='cite'] {
|
|
--callout-color: var(--callout-quote);
|
|
}
|
|
.theme-dark .workspace-tab-header.is-active {
|
|
border-color: var(--interactive-accent);
|
|
}
|
|
|
|
.theme-dark .workspace-tab-header.is-active .workspace-tab-header-inner {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.theme-dark .nav-file-title.is-active,
|
|
.theme-dark .tree-item-self.is-clickable:hover,
|
|
.theme-dark .suggestion-item.is-selected {
|
|
background-color: var(--background-modifier-active-hover);
|
|
}
|
|
|
|
.theme-dark .cm-active,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-active.cm-line {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
.theme-dark .status-bar-item:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
.theme-dark ::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.theme-dark ::-webkit-scrollbar-track,
|
|
.theme-dark ::-webkit-scrollbar-corner {
|
|
background-color: var(--scrollbar-bg);
|
|
}
|
|
|
|
.theme-dark ::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-thumb-bg);
|
|
border: 2px solid transparent;
|
|
background-clip: padding-box;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.theme-dark ::-webkit-scrollbar-thumb:hover,
|
|
.theme-dark ::-webkit-scrollbar-thumb:active {
|
|
background-color: var(--scrollbar-active-thumb-bg);
|
|
}
|
|
|
|
.theme-light {
|
|
--background-modifier-active-hover: #bebaae;
|
|
--background-modifier-border: #c3c0b5;
|
|
--background-modifier-border-focus: #94650feb;
|
|
--background-modifier-border-hover: rgb(195 192 181 / 0.48);
|
|
--background-modifier-box-shadow: rgb(231 229 216 / 0.6);
|
|
--background-modifier-cover: rgb(231 229 216 / 0.72);
|
|
--background-modifier-error: rgb(131 100 15 / 0.2);
|
|
--background-modifier-error-hover: rgb(131 100 15 / 0.3);
|
|
--background-modifier-form-field: rgb(195 192 181 / 0.22);
|
|
--background-modifier-hover: #c7c4b8;
|
|
--background-modifier-message: rgb(72 106 89 / 0.18);
|
|
--background-modifier-success: rgb(117 104 35 / 0.24);
|
|
--background-primary: #e7e5d8;
|
|
--background-primary-alt: #cecabe;
|
|
--background-secondary: #d4d1c4;
|
|
--background-secondary-alt: #bdb9ad;
|
|
--blockquote-background-color: var(--hearth-md-surface-muted);
|
|
--blockquote-border-color: rgb(76 113 67 / 0.68);
|
|
--blockquote-border-thickness: 3px;
|
|
--blockquote-color: #605950;
|
|
--callout-border-opacity: 0.5;
|
|
--callout-border-width: 1px;
|
|
--callout-bug: 186, 81, 70;
|
|
--callout-content-background: transparent;
|
|
--callout-content-padding: 0.48em 0 0;
|
|
--callout-default: 35, 114, 150;
|
|
--callout-error: 186, 81, 70;
|
|
--callout-example: 74, 108, 159;
|
|
--callout-fail: 186, 81, 70;
|
|
--callout-info: 35, 114, 150;
|
|
--callout-padding: 0.72em 0.9em;
|
|
--callout-question: 164, 105, 44;
|
|
--callout-quote: 135, 129, 119;
|
|
--callout-radius: 8px;
|
|
--callout-success: 57, 118, 37;
|
|
--callout-tip: 57, 118, 37;
|
|
--callout-todo: 59, 109, 111;
|
|
--callout-warning: 157, 113, 36;
|
|
--checkbox-border-color: rgb(100 112 87 / 0.68);
|
|
--checkbox-border-color-hover: rgb(91 110 88 / 0.86);
|
|
--checkbox-color: #457d31;
|
|
--checkbox-color-hover: #445f50;
|
|
--checkbox-margin-inline-start: 0;
|
|
--checkbox-marker-color: #faf5ef;
|
|
--checkbox-radius: 4px;
|
|
--checkbox-size: 15px;
|
|
--checklist-done-color: #676058;
|
|
--checklist-done-decoration: line-through;
|
|
--code-background: var(--hearth-md-code-surface);
|
|
--code-comment: #766f65;
|
|
--code-function: #397626;
|
|
--code-important: #237296;
|
|
--code-keyword: #83640f;
|
|
--code-normal: #46423d;
|
|
--code-operator: #66635d;
|
|
--code-property: #3f7138;
|
|
--code-string: #756823;
|
|
--code-tag: #7f7d2e;
|
|
--code-value: #346fa8;
|
|
--h1-color: #83640f;
|
|
--h2-color: #397626;
|
|
--h3-color: #3f7138;
|
|
--h4-color: #756823;
|
|
--h5-color: #346fa8;
|
|
--h6-color: #5c554d;
|
|
--hearth-accent-hover: #bb7e16;
|
|
--hearth-bracket-bright: #855a70;
|
|
--hearth-bracket-cool: #237296;
|
|
--hearth-bracket-match-fill: #83640f14;
|
|
--hearth-bracket-match-stroke: #83640f3d;
|
|
--hearth-bracket-warm: #83640f;
|
|
--hearth-callout-bg-opacity: 0.11;
|
|
--hearth-callout-border-opacity: 0.58;
|
|
--hearth-callout-rail-opacity: 0.72;
|
|
--hearth-feedback-info: #237296;
|
|
--hearth-feedback-note: #766f65;
|
|
--hearth-guide: #c8c5b9;
|
|
--hearth-guide-active: #8b7d63;
|
|
--hearth-guide-ink: #7c5f34;
|
|
--hearth-md-block-gap: 1em;
|
|
--hearth-md-border: rgb(178 174 163 / 0.54);
|
|
--hearth-md-border-soft: rgb(178 174 163 / 0.28);
|
|
--hearth-md-code-border: rgb(178 174 163 / 0.42);
|
|
--hearth-md-code-surface: rgb(209 205 193 / 0.9);
|
|
--hearth-md-inline-code: #345575;
|
|
--hearth-md-list-level-1: #647057;
|
|
--hearth-md-list-level-2: #657153;
|
|
--hearth-md-list-level-3: #626f79;
|
|
--hearth-md-surface: rgb(211 207 195 / 0.88);
|
|
--hearth-md-surface-muted: rgb(217 213 201 / 0.72);
|
|
--hearth-nav-active-ink: #2c2722;
|
|
--hearth-on-status: #191815;
|
|
--hearth-shell-band: #c7c4b8;
|
|
--hearth-task-background: rgb(215 211 199 / 0.9);
|
|
--hearth-task-cancelled: #ba5146;
|
|
--hearth-task-cancelled-text: #7c4038;
|
|
--hearth-task-deferred: #6b645b;
|
|
--hearth-task-deferred-text: #605950;
|
|
--hearth-task-done: #457d31;
|
|
--hearth-task-important: #9d7124;
|
|
--hearth-task-important-text: #735626;
|
|
--hearth-task-progress: #237296;
|
|
--hearth-task-progress-text: #2a5466;
|
|
--hearth-task-question: #a4692c;
|
|
--hearth-task-question-text: #75502a;
|
|
--hearth-terminal-black: #3a342e;
|
|
--hearth-terminal-blue: #517d76;
|
|
--hearth-terminal-bright-black: #8c7c69;
|
|
--hearth-terminal-bright-blue: #658d85;
|
|
--hearth-terminal-bright-cyan: #70946f;
|
|
--hearth-terminal-bright-green: #79914c;
|
|
--hearth-terminal-bright-magenta: #b9758b;
|
|
--hearth-terminal-bright-red: #c9675c;
|
|
--hearth-terminal-bright-white: #2d241e;
|
|
--hearth-terminal-bright-yellow: #ab8034;
|
|
--hearth-terminal-cyan: #608763;
|
|
--hearth-terminal-green: #718246;
|
|
--hearth-terminal-magenta: #a26179;
|
|
--hearth-terminal-red: #ba5146;
|
|
--hearth-terminal-white: #43382e;
|
|
--hearth-terminal-yellow: #9d7124;
|
|
--hearth-whitespace: #c8c5b9;
|
|
--hr-color: rgb(195 192 181 / 0.7);
|
|
--interactive-accent: #486a59;
|
|
--interactive-accent-hover: #445f50;
|
|
--interactive-hover: #cac7b9;
|
|
--interactive-normal: rgb(195 192 181 / 0.2);
|
|
--link-color: #486a59;
|
|
--link-color-hover: #445f50;
|
|
--link-unresolved-color: #796d52;
|
|
--list-marker-color: #647057;
|
|
--list-marker-color-collapsed: #486a59;
|
|
--list-marker-color-hover: #657153;
|
|
--list-spacing: 0.14em;
|
|
--scrollbar-active-thumb-bg: rgb(157 152 141 / 0.85);
|
|
--scrollbar-bg: transparent;
|
|
--scrollbar-thumb-bg: rgb(172 168 157 / 0.5);
|
|
--table-border-color: rgb(195 192 181 / 0.58);
|
|
--table-header-border-color: rgb(195 192 181 / 0.76);
|
|
--tag-background: rgb(35 114 150 / 0.14);
|
|
--tag-background-hover: rgb(35 114 150 / 0.22);
|
|
--tag-color: #237296;
|
|
--tag-color-hover: #342d28;
|
|
--text-accent: #486a59;
|
|
--text-accent-hover: #445f50;
|
|
--text-error: #ba5146;
|
|
--text-faint: #7f7a71;
|
|
--text-highlight-bg: rgb(184 121 17 / 0.34);
|
|
--text-muted: #47413b;
|
|
--text-normal: #342d28;
|
|
--text-on-accent: #faf5ef;
|
|
--text-selection: #b8791126;
|
|
--text-success: #397625;
|
|
--text-warning: #9d7124;
|
|
}
|
|
.theme-light .cm-s-obsidian span.cm-comment,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-comment {
|
|
color: var(--code-comment);
|
|
font-style: italic;
|
|
/* CJK fonts have no true italic cut; suppress the synthesized fake oblique
|
|
(renders upright) while real Latin italic faces still slant. Bold synthesis
|
|
is left intact for keywords. */
|
|
font-synthesis-style: none;
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-keyword,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-keyword {
|
|
color: var(--code-keyword);
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-operator,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-operator {
|
|
color: var(--code-operator);
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-string,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-string {
|
|
color: var(--code-string);
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-number,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-number {
|
|
color: var(--code-value);
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-def,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-def,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-variable-2 {
|
|
color: var(--code-function);
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-variable,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-variable {
|
|
color: var(--code-normal);
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-property,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-property {
|
|
color: var(--code-property);
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-type,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-type {
|
|
color: var(--code-important);
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-tag,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-tag {
|
|
color: var(--code-tag);
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-atom,
|
|
.theme-light .cm-s-obsidian span.cm-builtin,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-atom,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-builtin,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-meta,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-qualifier {
|
|
color: var(--code-important);
|
|
}
|
|
|
|
.theme-light .cm-s-obsidian span.cm-attribute,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-attribute,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-variable-3 {
|
|
color: var(--code-property);
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-link {
|
|
color: var(--text-accent);
|
|
text-decoration-color: var(--text-accent);
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-url {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-quote {
|
|
color: var(--code-comment);
|
|
}
|
|
|
|
/* Bold/italic are intentionally NOT recolored in the editor: the reading view
|
|
leaves them at text color, so coloring them here (formerly h2/h4) made edit
|
|
and preview diverge. Keep them as weight/slant only; enforced by obsidian-audit. */
|
|
|
|
.theme-light .markdown-preview-view pre code .hljs-comment {
|
|
color: var(--code-comment);
|
|
}
|
|
|
|
.theme-light .markdown-preview-view pre code .hljs-keyword,
|
|
.theme-light .markdown-preview-view pre code .hljs-selector-tag {
|
|
color: var(--code-keyword);
|
|
}
|
|
|
|
.theme-light .markdown-preview-view pre code .hljs-built_in,
|
|
.theme-light .markdown-preview-view pre code .hljs-type,
|
|
.theme-light .markdown-preview-view pre code .hljs-class,
|
|
.theme-light .markdown-preview-view pre code .hljs-meta {
|
|
color: var(--code-important);
|
|
}
|
|
|
|
.theme-light .markdown-preview-view pre code .hljs-function,
|
|
.theme-light .markdown-preview-view pre code .hljs-title.function_ {
|
|
color: var(--code-function);
|
|
}
|
|
|
|
.theme-light .markdown-preview-view pre code .hljs-attr,
|
|
.theme-light .markdown-preview-view pre code .hljs-property {
|
|
color: var(--code-property);
|
|
}
|
|
|
|
.theme-light .markdown-preview-view pre code .hljs-variable,
|
|
.theme-light .markdown-preview-view pre code .hljs-template-variable {
|
|
color: var(--code-normal);
|
|
}
|
|
|
|
.theme-light .markdown-preview-view pre code .hljs-string,
|
|
.theme-light .markdown-preview-view pre code .hljs-title {
|
|
color: var(--code-string);
|
|
}
|
|
|
|
.theme-light .markdown-preview-view pre code .hljs-number,
|
|
.theme-light .markdown-preview-view pre code .hljs-literal,
|
|
.theme-light .markdown-preview-view pre code .hljs-operator {
|
|
color: var(--code-value);
|
|
}
|
|
.theme-light .markdown-rendered blockquote,
|
|
.theme-light .markdown-rendered pre,
|
|
.theme-light .markdown-rendered table,
|
|
.theme-light .callout {
|
|
margin-block: var(--hearth-md-block-gap);
|
|
}
|
|
|
|
.theme-light .markdown-rendered h1,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-1,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-1 {
|
|
color: var(--h1-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered h2,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-2,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-2 {
|
|
color: var(--h2-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered h3,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-3,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-3 {
|
|
color: var(--h3-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered h4,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-4,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-4 {
|
|
color: var(--h4-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered h5,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-5,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-5 {
|
|
color: var(--h5-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered h6,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-6,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-6 {
|
|
color: var(--h6-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered a,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-link {
|
|
color: var(--link-color);
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-hmd-internal-link,
|
|
.theme-light .markdown-rendered .internal-link.is-unresolved {
|
|
color: var(--link-unresolved-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered blockquote {
|
|
border-inline-start-color: var(--blockquote-border-color);
|
|
border-inline-start-width: var(--blockquote-border-thickness);
|
|
background-color: var(--blockquote-background-color);
|
|
color: var(--blockquote-color);
|
|
border-radius: 0 7px 7px 0;
|
|
box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
|
|
padding: 0.55em 0.9em;
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-quote {
|
|
background-color: var(--blockquote-background-color);
|
|
border-inline-start: var(--blockquote-border-thickness) solid var(--blockquote-border-color);
|
|
box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
|
|
color: var(--blockquote-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered hr {
|
|
border-color: var(--hr-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered ul > li::marker,
|
|
.theme-light .markdown-rendered ol > li::marker,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-formatting-list {
|
|
color: var(--list-marker-color);
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.theme-light .markdown-rendered ul ul > li::marker,
|
|
.theme-light .markdown-rendered ol ol > li::marker,
|
|
.theme-light .markdown-rendered ul ol > li::marker,
|
|
.theme-light .markdown-rendered ol ul > li::marker {
|
|
color: var(--hearth-md-list-level-2);
|
|
}
|
|
|
|
.theme-light .markdown-rendered ul ul ul > li::marker,
|
|
.theme-light .markdown-rendered ol ol ol > li::marker,
|
|
.theme-light .markdown-rendered ul ol ul > li::marker,
|
|
.theme-light .markdown-rendered ol ul ol > li::marker {
|
|
color: var(--hearth-md-list-level-3);
|
|
}
|
|
|
|
.theme-light .markdown-rendered ul > li > .list-bullet:after {
|
|
background-color: var(--hearth-md-list-level-1);
|
|
border: none;
|
|
border-radius: 50%;
|
|
width: 0.34em;
|
|
height: 0.34em;
|
|
}
|
|
|
|
.theme-light .markdown-rendered ul ul > li > .list-bullet:after {
|
|
background-color: transparent;
|
|
border: 1px solid var(--hearth-md-list-level-2);
|
|
border-radius: 50%;
|
|
width: 0.42em;
|
|
height: 0.42em;
|
|
}
|
|
|
|
.theme-light .markdown-rendered ul ul ul > li > .list-bullet:after {
|
|
background-color: var(--hearth-md-list-level-3);
|
|
border: none;
|
|
border-radius: 1px;
|
|
width: 0.5em;
|
|
height: 0.12em;
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-formatting-list-ul {
|
|
color: var(--hearth-md-list-level-1);
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-list-line-2 .cm-formatting-list,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-list-line-3 .cm-formatting-list {
|
|
color: var(--hearth-md-list-level-2);
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-list-line-4 .cm-formatting-list,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-list-line-5 .cm-formatting-list {
|
|
color: var(--hearth-md-list-level-3);
|
|
}
|
|
|
|
.theme-light .markdown-rendered :not(pre) > code {
|
|
color: var(--hearth-md-inline-code);
|
|
background-color: var(--code-background);
|
|
border: 1px solid var(--hearth-md-code-border);
|
|
border-radius: 5px;
|
|
padding: 0.05em 0.34em;
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-inline-code {
|
|
color: var(--hearth-md-inline-code);
|
|
background-color: var(--code-background);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.theme-light .markdown-rendered pre {
|
|
background-color: var(--hearth-md-code-surface);
|
|
border: 1px solid var(--hearth-md-code-border);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.theme-light .markdown-rendered pre code {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-codeblock {
|
|
background-color: var(--hearth-md-code-surface);
|
|
}
|
|
|
|
.theme-light .markdown-rendered table {
|
|
border-color: var(--table-border-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered th {
|
|
border-color: var(--table-header-border-color);
|
|
}
|
|
|
|
.theme-light .markdown-rendered td {
|
|
border-color: var(--table-border-color);
|
|
}
|
|
|
|
.theme-light .tag,
|
|
.theme-light a.tag {
|
|
color: var(--tag-color);
|
|
background-color: var(--tag-background);
|
|
border: 1px solid var(--background-modifier-border);
|
|
}
|
|
|
|
.theme-light .tag:hover,
|
|
.theme-light a.tag:hover {
|
|
color: var(--tag-color-hover);
|
|
background-color: var(--tag-background-hover);
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-hashtag {
|
|
color: var(--tag-color);
|
|
background-color: var(--tag-background);
|
|
border-block: 1px solid var(--background-modifier-border);
|
|
padding-block: 0.05em;
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-hashtag-begin {
|
|
border-inline-start: 1px solid var(--background-modifier-border);
|
|
border-start-start-radius: 5px;
|
|
border-end-start-radius: 5px;
|
|
padding-inline-start: 0.34em;
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-hashtag-end {
|
|
border-inline-end: 1px solid var(--background-modifier-border);
|
|
border-start-end-radius: 5px;
|
|
border-end-end-radius: 5px;
|
|
padding-inline-end: 0.34em;
|
|
}
|
|
|
|
.theme-light input[type='checkbox'] {
|
|
inline-size: var(--checkbox-size);
|
|
block-size: var(--checkbox-size);
|
|
margin-inline-start: var(--checkbox-margin-inline-start);
|
|
accent-color: var(--checkbox-color);
|
|
vertical-align: -0.12em;
|
|
}
|
|
|
|
.theme-light input[type='checkbox']:checked {
|
|
accent-color: var(--hearth-task-done);
|
|
}
|
|
|
|
.theme-light input[type='checkbox']:hover {
|
|
accent-color: var(--checkbox-color-hover);
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='x'],
|
|
.theme-light li.task-list-item[data-task='X'],
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='x'],
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='X'] {
|
|
color: var(--checklist-done-color);
|
|
text-decoration: var(--checklist-done-decoration);
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='/'],
|
|
.theme-light li.task-list-item[data-task='-'],
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='/'],
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='-'] {
|
|
color: var(--hearth-task-progress-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='/'] .task-list-item-checkbox,
|
|
.theme-light li.task-list-item[data-task='-'] .task-list-item-checkbox,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='/'] .task-list-item-checkbox,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='-'] .task-list-item-checkbox {
|
|
accent-color: var(--hearth-task-progress);
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='?'],
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='?'] {
|
|
color: var(--hearth-task-question-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='?'] .task-list-item-checkbox,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='?'] .task-list-item-checkbox {
|
|
accent-color: var(--hearth-task-question);
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='!'],
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='!'] {
|
|
color: var(--hearth-task-important-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='!'] .task-list-item-checkbox,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='!'] .task-list-item-checkbox {
|
|
accent-color: var(--hearth-task-important);
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='~'],
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='~'] {
|
|
color: var(--hearth-task-cancelled-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='~'] .task-list-item-checkbox,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='~'] .task-list-item-checkbox {
|
|
accent-color: var(--hearth-task-cancelled);
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='>'],
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='>'] {
|
|
color: var(--hearth-task-deferred-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-light li.task-list-item[data-task='>'] .task-list-item-checkbox,
|
|
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='>'] .task-list-item-checkbox {
|
|
accent-color: var(--hearth-task-deferred);
|
|
}
|
|
.theme-light .callout {
|
|
border: var(--callout-border-width) solid rgba(var(--callout-color), var(--hearth-callout-border-opacity));
|
|
border-inline-start-width: 4px;
|
|
border-radius: var(--callout-radius);
|
|
background-color: rgba(var(--callout-color), var(--hearth-callout-bg-opacity));
|
|
box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
|
|
padding: var(--callout-padding);
|
|
}
|
|
|
|
.theme-light .callout .callout-title {
|
|
color: rgb(var(--callout-color));
|
|
}
|
|
|
|
.theme-light .callout .callout-icon .svg-icon {
|
|
color: rgb(var(--callout-color));
|
|
}
|
|
|
|
.theme-light .callout .callout-content {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.theme-light .callout[data-callout='note'] {
|
|
--callout-color: var(--callout-default);
|
|
}
|
|
|
|
.theme-light .callout[data-callout='todo'],
|
|
.theme-light .callout[data-callout='accent'] {
|
|
--callout-color: var(--callout-todo);
|
|
}
|
|
|
|
.theme-light .callout[data-callout='tip'],
|
|
.theme-light .callout[data-callout='hint'],
|
|
.theme-light .callout[data-callout='success'] {
|
|
--callout-color: var(--callout-success);
|
|
}
|
|
|
|
.theme-light .callout[data-callout='info'],
|
|
.theme-light .callout[data-callout='abstract'],
|
|
.theme-light .callout[data-callout='summary'],
|
|
.theme-light .callout[data-callout='tldr'] {
|
|
--callout-color: var(--callout-info);
|
|
}
|
|
|
|
.theme-light .callout[data-callout='question'],
|
|
.theme-light .callout[data-callout='help'],
|
|
.theme-light .callout[data-callout='faq'] {
|
|
--callout-color: var(--callout-question);
|
|
}
|
|
|
|
.theme-light .callout[data-callout='warning'],
|
|
.theme-light .callout[data-callout='caution'],
|
|
.theme-light .callout[data-callout='attention'] {
|
|
--callout-color: var(--callout-warning);
|
|
}
|
|
|
|
.theme-light .callout[data-callout='danger'],
|
|
.theme-light .callout[data-callout='error'],
|
|
.theme-light .callout[data-callout='failure'],
|
|
.theme-light .callout[data-callout='fail'],
|
|
.theme-light .callout[data-callout='missing'],
|
|
.theme-light .callout[data-callout='bug'] {
|
|
--callout-color: var(--callout-error);
|
|
}
|
|
|
|
.theme-light .callout[data-callout='example'] {
|
|
--callout-color: var(--callout-example);
|
|
}
|
|
|
|
.theme-light .callout[data-callout='quote'],
|
|
.theme-light .callout[data-callout='cite'] {
|
|
--callout-color: var(--callout-quote);
|
|
}
|
|
.theme-light .workspace-tab-header.is-active {
|
|
border-color: var(--interactive-accent);
|
|
}
|
|
|
|
.theme-light .workspace-tab-header.is-active .workspace-tab-header-inner {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.theme-light .nav-file-title.is-active,
|
|
.theme-light .tree-item-self.is-clickable:hover,
|
|
.theme-light .suggestion-item.is-selected {
|
|
background-color: var(--background-modifier-active-hover);
|
|
}
|
|
|
|
.theme-light .cm-active,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-active.cm-line {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
.theme-light .status-bar-item:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
.theme-light ::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.theme-light ::-webkit-scrollbar-track,
|
|
.theme-light ::-webkit-scrollbar-corner {
|
|
background-color: var(--scrollbar-bg);
|
|
}
|
|
|
|
.theme-light ::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-thumb-bg);
|
|
border: 2px solid transparent;
|
|
background-clip: padding-box;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.theme-light ::-webkit-scrollbar-thumb:hover,
|
|
.theme-light ::-webkit-scrollbar-thumb:active {
|
|
background-color: var(--scrollbar-active-thumb-bg);
|
|
}
|