mirror of
https://github.com/joshua-walls/trailmark-theme.git
synced 2026-07-22 04:50:30 +00:00
5944 lines
204 KiB
CSS
5944 lines
204 KiB
CSS
/*
|
|
Trailmark Theme
|
|
Purpose: a grounded Obsidian theme built from a restrained outdoor-industrial palette.
|
|
*/
|
|
|
|
:root {
|
|
--trailmark-moonstone: #11232F;
|
|
--trailmark-harvest-orange: #FF5432;
|
|
--trailmark-seafoam: #6FF0E8;
|
|
--trailmark-fog: #F5F7F8;
|
|
--trailmark-cloud: #FFFFFF;
|
|
--trailmark-black: #111820;
|
|
--trailmark-copper: #C94A32;
|
|
--trailmark-canyon: #B74430;
|
|
--trailmark-clay: #D86147;
|
|
--trailmark-campfire: #FF8A70;
|
|
--trailmark-route: #167B78;
|
|
--trailmark-route-muted-base: #456C7D;
|
|
--trailmark-route-muted: var(--trailmark-route-muted-base);
|
|
--trailmark-route-soft: #5F91A5;
|
|
--trailmark-route-pale: #9DC8D4;
|
|
--trailmark-seafoam-soft: #A8FFF8;
|
|
--trailmark-stone: #9DAEB6;
|
|
--trailmark-stone-muted: #7896A3;
|
|
--trailmark-trail-brown: #8A4E16;
|
|
--trailmark-trail-olive: #6D5E1E;
|
|
|
|
--trailmark-light-bg: #F5F7F8;
|
|
--trailmark-light-bg-subtle: #EEF1F3;
|
|
--trailmark-light-surface: #FFFFFF;
|
|
--trailmark-light-surface-alt: #F9FAFB;
|
|
--trailmark-light-border: #D7DEE3;
|
|
--trailmark-light-text-muted: #5B6670;
|
|
--trailmark-light-chrome: #E8EEF1;
|
|
--trailmark-light-chrome-subtle: #EEF4F6;
|
|
--trailmark-light-chrome-border: #CDD7DC;
|
|
--trailmark-light-ink: #1B3240;
|
|
--trailmark-light-ink-muted: #536A74;
|
|
--trailmark-light-file: #415761;
|
|
|
|
--trailmark-dark-bg: #050B10;
|
|
--trailmark-dark-bg-subtle: #08131A;
|
|
--trailmark-dark-surface: #102632;
|
|
--trailmark-dark-surface-alt: #183A48;
|
|
--trailmark-dark-border: #315563;
|
|
--trailmark-dark-text-muted: #B9C8CE;
|
|
--trailmark-dark-nav-bg: #060E15;
|
|
--trailmark-dark-text: #E4EEF1;
|
|
--trailmark-dark-file: #D0DBDF;
|
|
|
|
--trailmark-radius-s: 4px;
|
|
--trailmark-radius-m: 6px;
|
|
--trailmark-font-stack: "Avenir", "Avenir Next", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
|
|
|
|
--font-family-editor: var(--trailmark-font-stack);
|
|
--font-family-preview: var(--trailmark-font-stack);
|
|
--font-family-interface: var(--trailmark-font-stack);
|
|
--font-family-monospace: "SFMono-Regular", "SFMono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
|
|
}
|
|
|
|
.theme-light,
|
|
.theme-dark,
|
|
body[data-theme='light'],
|
|
body[data-theme='dark'] {
|
|
--accent-h: 9;
|
|
--accent-s: 100%;
|
|
--accent-l: 60%;
|
|
--color-accent: #FF5432;
|
|
--color-accent-hsl: 9, 100%, 60%;
|
|
--background-primary: var(--trailmark-light-bg);
|
|
--background-primary-alt: var(--trailmark-light-surface);
|
|
--background-secondary: var(--trailmark-light-surface);
|
|
--background-secondary-alt: var(--trailmark-light-bg-subtle);
|
|
--background-accent: var(--trailmark-light-surface);
|
|
--background-modifier-hover: #F1F4F6;
|
|
--background-modifier-active-hover: #EEF1F3;
|
|
--background-modifier-border: var(--trailmark-light-border);
|
|
--background-modifier-form-field: rgba(15, 23, 42, 0.06);
|
|
--background-modifier-form-field-highlighted: rgba(15, 23, 42, 0.14);
|
|
--background-modifier-box-shadow: rgba(15, 23, 42, 0.18);
|
|
--background-modifier-success: #22c55e;
|
|
--background-modifier-error: #ef4444;
|
|
--background-modifier-error-rgb: 239, 68, 68;
|
|
--background-modifier-error-hover: #dc2626;
|
|
--background-modifier-cover: rgba(2, 6, 23, 0.6);
|
|
|
|
--text-accent: var(--trailmark-harvest-orange);
|
|
--text-accent-hover: var(--trailmark-moonstone);
|
|
--text-normal: var(--trailmark-black);
|
|
--text-muted: #5B6670;
|
|
--text-faint: #5B6670;
|
|
--text-title-h1: var(--trailmark-moonstone);
|
|
--text-title-h2: var(--trailmark-moonstone);
|
|
--text-title-h3: var(--trailmark-moonstone);
|
|
--text-title-h4: var(--trailmark-moonstone);
|
|
--text-title-h5: var(--trailmark-moonstone);
|
|
--text-title-h6: #5B6670;
|
|
--text-highlight-bg: #fde68a;
|
|
--text-error: #ef4444;
|
|
--text-error-hover: #dc2626;
|
|
--text-selection: rgba(255, 84, 50, 0.22);
|
|
--text-on-accent: var(--trailmark-cloud);
|
|
|
|
--interactive-normal: var(--trailmark-black);
|
|
--interactive-hover: var(--trailmark-harvest-orange);
|
|
--interactive-accent: var(--trailmark-harvest-orange);
|
|
--interactive-accent-hover: var(--trailmark-harvest-orange);
|
|
--interactive-accent-rgb: 255, 84, 50;
|
|
|
|
--blockquote-border: var(--trailmark-harvest-orange);
|
|
--border-color: var(--trailmark-light-border);
|
|
--hr-color: var(--trailmark-light-border);
|
|
|
|
--inline-code: var(--trailmark-harvest-orange);
|
|
--code-block: var(--trailmark-black);
|
|
--pre-code: var(--trailmark-light-bg-subtle);
|
|
--tag-color: var(--text-accent);
|
|
--nav-item-background-hover: rgba(255,255,255,0.08);
|
|
--nav-item-background-active: var(--trailmark-cloud);
|
|
--nav-item-color-active: var(--trailmark-moonstone);
|
|
--graph-text: var(--trailmark-light-text-muted);
|
|
--graph-line: rgba(17, 35, 47, 0.2);
|
|
--graph-node: rgba(201, 74, 50, 0.62);
|
|
--graph-node-unresolved: var(--trailmark-stone-muted);
|
|
--graph-node-focused: #167B78;
|
|
--graph-node-tag: var(--trailmark-harvest-orange);
|
|
--graph-node-attachment: var(--trailmark-stone-muted);
|
|
|
|
--h1-color: var(--text-title-h1);
|
|
--h2-color: var(--text-title-h2);
|
|
--h3-color: var(--text-title-h3);
|
|
--h4-color: var(--text-title-h4);
|
|
--h5-color: var(--text-title-h5);
|
|
--h6-color: var(--text-title-h6);
|
|
--h1-weight: 650;
|
|
--h2-weight: 650;
|
|
--h3-weight: 600;
|
|
--h4-weight: 600;
|
|
--h5-weight: 600;
|
|
--h6-weight: 600;
|
|
--inline-title-color: var(--text-title-h1);
|
|
--inline-title-weight: 650;
|
|
|
|
--strong-color: var(--trailmark-harvest-orange);
|
|
--em-color: var(--text-title-h2);
|
|
}
|
|
|
|
.theme-dark,
|
|
body[data-theme='dark'] {
|
|
color-scheme: dark;
|
|
--background-primary: var(--trailmark-dark-bg);
|
|
--background-primary-alt: var(--trailmark-dark-bg-subtle);
|
|
--background-secondary: var(--trailmark-moonstone);
|
|
--background-secondary-alt: var(--trailmark-dark-surface);
|
|
--background-accent: var(--trailmark-dark-surface);
|
|
--background-modifier-hover: #1E3A49;
|
|
--background-modifier-active-hover: var(--trailmark-dark-surface-alt);
|
|
--background-modifier-border: var(--trailmark-dark-border);
|
|
--background-modifier-form-field: rgba(241, 245, 249, 0.08);
|
|
--background-modifier-form-field-highlighted: rgba(241, 245, 249, 0.16);
|
|
--background-modifier-box-shadow: rgba(0, 0, 0, 0.6);
|
|
--background-modifier-success: #22c55e;
|
|
--background-modifier-error: #f87171;
|
|
--background-modifier-error-rgb: 248, 113, 113;
|
|
--background-modifier-error-hover: #ef4444;
|
|
--background-modifier-cover: rgba(2, 6, 23, 0.72);
|
|
|
|
--text-accent: var(--trailmark-harvest-orange);
|
|
--text-accent-hover: var(--trailmark-seafoam);
|
|
--text-normal: #F4F7F8;
|
|
--text-muted: #B8C4CA;
|
|
--text-faint: #7F929B;
|
|
--text-title-h1: var(--trailmark-cloud);
|
|
--text-title-h2: #F4F7F8;
|
|
--text-title-h3: var(--trailmark-dark-text);
|
|
--text-title-h4: #B8C4CA;
|
|
--text-title-h5: #B8C4CA;
|
|
--text-title-h6: #7F929B;
|
|
--text-highlight-bg: rgba(255, 84, 50, 0.26);
|
|
--text-error: #f87171;
|
|
--text-error-hover: #ef4444;
|
|
--text-on-accent: var(--trailmark-dark-bg);
|
|
|
|
--interactive-normal: #e2e8f0;
|
|
--interactive-hover: #f8fafc;
|
|
--interactive-accent: var(--trailmark-harvest-orange);
|
|
--interactive-accent-hover: var(--trailmark-harvest-orange);
|
|
--interactive-accent-rgb: 255, 84, 50;
|
|
|
|
--blockquote-border: var(--trailmark-harvest-orange);
|
|
--border-color: var(--trailmark-dark-border);
|
|
--hr-color: var(--trailmark-dark-border);
|
|
|
|
--inline-code: var(--trailmark-seafoam);
|
|
--code-block: #F4F7F8;
|
|
--pre-code: var(--trailmark-dark-bg-subtle);
|
|
--nav-item-background-hover: rgba(255,255,255,0.08);
|
|
--nav-item-background-active: var(--trailmark-dark-surface-alt);
|
|
--nav-item-color-active: var(--trailmark-cloud);
|
|
--graph-text: var(--trailmark-dark-text-muted);
|
|
--graph-line: rgba(184, 196, 202, 0.22);
|
|
--graph-node: rgba(255, 84, 50, 0.72);
|
|
--graph-node-unresolved: var(--trailmark-stone-muted);
|
|
--graph-node-focused: var(--trailmark-seafoam);
|
|
--graph-node-tag: var(--trailmark-harvest-orange);
|
|
--graph-node-attachment: var(--trailmark-stone-muted);
|
|
|
|
--h1-color: var(--text-title-h1);
|
|
--h2-color: var(--text-title-h2);
|
|
--h3-color: var(--text-title-h3);
|
|
--h4-color: var(--text-title-h4);
|
|
--h5-color: var(--text-title-h5);
|
|
--h6-color: var(--text-title-h6);
|
|
--h1-weight: 650;
|
|
--h2-weight: 650;
|
|
--h3-weight: 600;
|
|
--h4-weight: 600;
|
|
--h5-weight: 600;
|
|
--h6-weight: 600;
|
|
--inline-title-color: var(--text-title-h1);
|
|
--inline-title-weight: 650;
|
|
|
|
--strong-color: var(--text-accent);
|
|
--em-color: var(--trailmark-cloud);
|
|
}
|
|
|
|
.app-container,
|
|
.theme-dark,
|
|
.theme-light {
|
|
font-family: var(--font-family-editor);
|
|
}
|
|
|
|
::selection {
|
|
background: color-mix(in srgb, var(--text-accent) 32%, transparent);
|
|
color: var(--text-on-accent);
|
|
}
|
|
|
|
.markdown-preview-view,
|
|
.markdown-source-view.mod-cm6 .cm-editor,
|
|
.cm-s-obsidian {
|
|
font-family: var(--font-family-editor);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
a,
|
|
.internal-link,
|
|
.cm-link {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
a:hover,
|
|
.internal-link:hover,
|
|
.cm-link:hover {
|
|
color: var(--text-accent-hover);
|
|
}
|
|
|
|
.cm-hashtag,
|
|
a.tag {
|
|
color: var(--text-accent-hover);
|
|
}
|
|
|
|
pre code,
|
|
.markdown-preview-view pre code,
|
|
.cm-s-obsidian pre.HyperMD-codeblock {
|
|
font-family: var(--font-family-monospace);
|
|
background: var(--pre-code);
|
|
color: var(--code-block);
|
|
}
|
|
|
|
code,
|
|
.cm-inline-code {
|
|
color: var(--inline-code);
|
|
}
|
|
|
|
h1,
|
|
.cm-header-1,
|
|
.markdown-preview-view h1 {
|
|
color: var(--h1-color);
|
|
font-weight: var(--h1-weight);
|
|
line-height: 1.2;
|
|
margin-top: 1.4em;
|
|
margin-bottom: 0.55em;
|
|
}
|
|
|
|
h2,
|
|
.cm-header-2,
|
|
.markdown-preview-view h2 {
|
|
color: var(--h2-color);
|
|
font-weight: var(--h2-weight);
|
|
line-height: 1.25;
|
|
margin-top: 1.25em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
h3,
|
|
.cm-header-3,
|
|
.markdown-preview-view h3 {
|
|
color: var(--h3-color);
|
|
font-weight: var(--h3-weight);
|
|
margin-top: 1.15em;
|
|
margin-bottom: 0.45em;
|
|
}
|
|
|
|
h4,
|
|
.cm-header-4,
|
|
.markdown-preview-view h4 {
|
|
color: var(--h4-color);
|
|
font-weight: var(--h4-weight);
|
|
margin-top: 1em;
|
|
margin-bottom: 0.4em;
|
|
}
|
|
|
|
h5,
|
|
.cm-header-5,
|
|
.markdown-preview-view h5 {
|
|
color: var(--h5-color);
|
|
font-weight: var(--h5-weight);
|
|
margin-top: 0.9em;
|
|
margin-bottom: 0.35em;
|
|
}
|
|
|
|
h6,
|
|
.cm-header-6,
|
|
.markdown-preview-view h6 {
|
|
color: var(--h6-color);
|
|
font-weight: var(--h6-weight);
|
|
margin-top: 0.8em;
|
|
margin-bottom: 0.3em;
|
|
}
|
|
|
|
.inline-title,
|
|
.markdown-source-view.mod-cm6 .inline-title {
|
|
color: var(--inline-title-color);
|
|
font-weight: var(--inline-title-weight);
|
|
}
|
|
|
|
.cm-formatting-header {
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
strong,
|
|
.cm-strong {
|
|
color: var(--strong-color);
|
|
}
|
|
|
|
em,
|
|
.cm-em {
|
|
color: var(--em-color);
|
|
}
|
|
|
|
blockquote {
|
|
color: var(--text-normal);
|
|
border-left: 4px solid var(--blockquote-border);
|
|
padding-left: 0.9em;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-quote {
|
|
color: var(--text-normal);
|
|
border-left: 4px solid var(--blockquote-border);
|
|
padding-left: 0.9em;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .cm-quote {
|
|
color: var(--blockquote-border);
|
|
}
|
|
|
|
hr {
|
|
border-color: var(--hr-color);
|
|
}
|
|
|
|
.workspace-leaf.mod-active .view-header,
|
|
.view-header,
|
|
.workspace-ribbon {
|
|
background: var(--background-primary-alt);
|
|
border-color: var(--border-color);
|
|
}
|
|
|
|
.workspace-split.mod-left-split,
|
|
.workspace-split.mod-right-split,
|
|
.nav-files-container {
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.workspace-tabs,
|
|
.workspace-tab-container,
|
|
.workspace-leaf-content {
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.workspace-leaf-content[data-type],
|
|
.markdown-source-view,
|
|
.markdown-preview-view {
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.view-content,
|
|
.metadata-container,
|
|
.metadata-properties,
|
|
.metadata-property {
|
|
background: transparent;
|
|
}
|
|
|
|
.theme-dark .view-header,
|
|
.theme-dark .workspace-tabs .workspace-tab-header-container,
|
|
.theme-dark .workspace-ribbon {
|
|
background: var(--trailmark-moonstone);
|
|
}
|
|
|
|
.theme-dark .modal,
|
|
.theme-dark .prompt,
|
|
.theme-dark .popover,
|
|
.theme-dark .menu,
|
|
.theme-dark .suggestion-container,
|
|
.theme-dark .search-result-container,
|
|
.theme-dark .metadata-property,
|
|
.theme-dark .setting-item,
|
|
.theme-dark .callout,
|
|
.theme-dark .markdown-embed {
|
|
background: var(--trailmark-dark-surface);
|
|
border-color: var(--trailmark-dark-border);
|
|
}
|
|
|
|
.theme-dark input,
|
|
.theme-dark textarea,
|
|
.theme-dark select,
|
|
.theme-dark .dropdown,
|
|
.theme-dark button,
|
|
.theme-dark .clickable-icon,
|
|
.theme-dark .checkbox-container {
|
|
background-color: var(--trailmark-dark-surface-alt);
|
|
border-color: var(--trailmark-dark-border);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.theme-dark button.mod-cta,
|
|
.theme-dark .mod-cta,
|
|
.theme-dark .suggestion-item.is-selected {
|
|
background-color: var(--trailmark-harvest-orange);
|
|
color: var(--trailmark-cloud);
|
|
}
|
|
|
|
.theme-dark table,
|
|
.theme-dark th {
|
|
background: var(--trailmark-dark-surface-alt);
|
|
}
|
|
|
|
.theme-dark tr:hover,
|
|
.theme-dark .tree-item-self:hover {
|
|
background: #1E3A49;
|
|
}
|
|
|
|
.status-bar {
|
|
background: var(--background-secondary);
|
|
color: var(--text-normal);
|
|
border-top: 1px solid var(--border-color);
|
|
}
|
|
|
|
.nav-folder-title,
|
|
.nav-file-title,
|
|
.tree-item-self {
|
|
border-radius: 0;
|
|
}
|
|
|
|
body:not(.is-grabbing) .tree-item-self.nav-file-title:hover,
|
|
body:not(.is-grabbing) .tree-item-self.nav-folder-title:hover,
|
|
body:not(.is-grabbing) .nav-file-title:hover,
|
|
body:not(.is-grabbing) .nav-folder-title:hover {
|
|
background: color-mix(in srgb, var(--interactive-accent) 16%, transparent);
|
|
}
|
|
|
|
.tree-item-self.nav-file-title.is-active,
|
|
.tree-item-self.nav-folder-title.is-active,
|
|
.nav-file-title.is-active,
|
|
.nav-folder-title.is-active {
|
|
background: var(--nav-item-background-active);
|
|
color: var(--nav-item-color-active);
|
|
border-right: 3px solid var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
.tree-item-self.nav-file-title.is-active .tree-item-inner,
|
|
.tree-item-self.nav-folder-title.is-active .tree-item-inner,
|
|
.nav-file-title.is-active .nav-file-title-content,
|
|
.nav-folder-title.is-active .nav-folder-title-content,
|
|
.tree-item-self.nav-file-title.is-active .collapse-icon,
|
|
.tree-item-self.nav-folder-title.is-active .collapse-icon,
|
|
.nav-folder-title.is-active .nav-folder-collapse-indicator,
|
|
.nav-file-title.is-active .nav-folder-collapse-indicator,
|
|
.tree-item-self.nav-folder-title.is-active svg,
|
|
.tree-item-self.nav-file-title.is-active svg,
|
|
.nav-file-title.is-active svg,
|
|
.nav-folder-title.is-active svg {
|
|
color: var(--trailmark-cloud);
|
|
fill: var(--trailmark-cloud);
|
|
}
|
|
|
|
.nav-file-title.is-active::before,
|
|
.nav-folder-title.is-active::before {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0 0 0 0;
|
|
width: 3px;
|
|
background: var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
/* Compatibility with live-preview/editor wrappers */
|
|
.markdown-source-view.mod-cm6 .cm-editor,
|
|
.markdown-source-view.mod-cm6 .cm-scroller {
|
|
background: transparent;
|
|
}
|
|
|
|
.side-dock-ribbon-tab:hover,
|
|
.side-dock-ribbon-action:hover {
|
|
color: var(--text-accent-hover);
|
|
}
|
|
|
|
.search-result-file-match,
|
|
.search-result-file-title,
|
|
.search-result-file-matches,
|
|
.search-empty-state {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.markdown-embed,
|
|
.markdown-preview-view .markdown-embed .markdown-embed-content {
|
|
background: var(--background-primary-alt);
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
|
|
.popover {
|
|
border-color: var(--border-color);
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
/* Keep palette preview asset and nav marks intact */
|
|
.trailmark-palette-preview {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* Trailmark visual pass: darker, calmer, and more usable than raw token mapping. */
|
|
.theme-dark,
|
|
body[data-theme='dark'] {
|
|
--background-primary: #071016;
|
|
--background-primary-alt: #0B141A;
|
|
--background-secondary: #11232F;
|
|
--background-secondary-alt: #132631;
|
|
--background-accent: #18313F;
|
|
--background-modifier-border: #294452;
|
|
--background-modifier-hover: #18313F;
|
|
--background-modifier-active-hover: #1E3A49;
|
|
|
|
--text-normal: #E8EEF1;
|
|
--text-muted: #A8B7BE;
|
|
--text-faint: #718690;
|
|
--text-accent: #FF5432;
|
|
--text-accent-hover: #FF7259;
|
|
--text-on-accent: #FBFCFD;
|
|
|
|
--h1-color: #FF5432;
|
|
--h2-color: #FBFCFD;
|
|
--h3-color: #6FF0E8;
|
|
--h4-color: #B8C4CA;
|
|
--h5-color: #E8EEF1;
|
|
--h6-color: #8FA1AA;
|
|
--h1-weight: 700;
|
|
--h2-weight: 650;
|
|
--h3-weight: 650;
|
|
--h4-weight: 600;
|
|
--h5-weight: 600;
|
|
--h6-weight: 600;
|
|
--inline-title-color: #FBFCFD;
|
|
--inline-title-weight: 700;
|
|
|
|
--interactive-accent: #FF5432;
|
|
--interactive-accent-hover: #FF7259;
|
|
--interactive-accent-rgb: 255, 84, 50;
|
|
--border-color: #294452;
|
|
--hr-color: #294452;
|
|
--blockquote-border: #FF5432;
|
|
--inline-code: #6FF0E8;
|
|
--code-block: #E8EEF1;
|
|
--pre-code: #101E27;
|
|
--nav-item-background-hover: rgba(255,255,255,0.08);
|
|
--nav-item-background-active: #203A49;
|
|
--nav-item-color-active: #FBFCFD;
|
|
}
|
|
|
|
.theme-light,
|
|
body[data-theme='light'] {
|
|
--background-primary: #F5F7F8;
|
|
--background-primary-alt: #FBFCFD;
|
|
--background-secondary: #11232F;
|
|
--background-secondary-alt: #11232F;
|
|
--background-accent: #F9FAFB;
|
|
--background-modifier-border: #D7DEE3;
|
|
--text-normal: #111820;
|
|
--text-muted: #5B6670;
|
|
--text-faint: #6A7680;
|
|
--text-accent: #FF5432;
|
|
--text-accent-hover: #11232F;
|
|
--h1-color: #11232F;
|
|
--h2-color: #243947;
|
|
--h3-color: #FF5432;
|
|
--h4-color: #3D5563;
|
|
--h5-color: #5B6670;
|
|
--h6-color: #6A7680;
|
|
--inline-title-color: #11232F;
|
|
--nav-item-background-active: #FBFCFD;
|
|
--nav-item-color-active: #11232F;
|
|
}
|
|
|
|
.theme-dark .workspace-split.mod-left-split,
|
|
.theme-dark .workspace-split.mod-right-split,
|
|
.theme-dark .nav-files-container,
|
|
.theme-dark .workspace-ribbon,
|
|
.theme-dark .workspace-tabs .workspace-tab-header-container,
|
|
.theme-dark .view-header {
|
|
background: #11232F;
|
|
border-color: #294452;
|
|
}
|
|
|
|
.theme-dark .workspace-tabs,
|
|
.theme-dark .workspace-tab-container,
|
|
.theme-dark .workspace-leaf-content,
|
|
.theme-dark .workspace-leaf-content[data-type],
|
|
.theme-dark .markdown-source-view,
|
|
.theme-dark .markdown-preview-view,
|
|
.theme-dark .view-content {
|
|
background: #071016;
|
|
}
|
|
|
|
.theme-dark .metadata-container,
|
|
.theme-dark .metadata-properties,
|
|
.theme-dark .metadata-property,
|
|
.theme-dark .callout,
|
|
.theme-dark .markdown-embed,
|
|
.theme-dark .modal,
|
|
.theme-dark .prompt,
|
|
.theme-dark .popover,
|
|
.theme-dark .menu,
|
|
.theme-dark .suggestion-container,
|
|
.theme-dark .search-result-container,
|
|
.theme-dark .setting-item {
|
|
background: #132631;
|
|
border-color: #294452;
|
|
}
|
|
|
|
.theme-dark .metadata-property:hover,
|
|
.theme-dark .setting-item:hover,
|
|
.theme-dark .search-result-file-match:hover,
|
|
.theme-dark .tree-item-self:hover {
|
|
background: #18313F;
|
|
}
|
|
|
|
.theme-dark input,
|
|
.theme-dark textarea,
|
|
.theme-dark select,
|
|
.theme-dark .dropdown,
|
|
.theme-dark button,
|
|
.theme-dark .checkbox-container {
|
|
background-color: #18313F;
|
|
border-color: #294452;
|
|
color: #E8EEF1;
|
|
}
|
|
|
|
.theme-dark button.mod-cta,
|
|
.theme-dark .mod-cta {
|
|
background-color: #FF5432;
|
|
color: #FBFCFD;
|
|
}
|
|
|
|
.theme-dark .suggestion-item.is-selected,
|
|
.theme-dark .menu-item:hover {
|
|
background-color: #203A49;
|
|
color: #FBFCFD;
|
|
}
|
|
|
|
.theme-dark .status-bar {
|
|
background: #101E27;
|
|
color: #A8B7BE;
|
|
}
|
|
|
|
.theme-dark h1,
|
|
.theme-dark .cm-header-1,
|
|
.theme-dark .markdown-preview-view h1 {
|
|
color: #F4F7F8;
|
|
letter-spacing: 0;
|
|
border-left: 3px solid #6FF0E8;
|
|
padding-left: 0.55em;
|
|
}
|
|
|
|
.theme-dark h2,
|
|
.theme-dark .cm-header-2,
|
|
.theme-dark .markdown-preview-view h2 {
|
|
color: var(--trailmark-dark-text);
|
|
}
|
|
|
|
.theme-dark h3,
|
|
.theme-dark .cm-header-3,
|
|
.theme-dark .markdown-preview-view h3 {
|
|
color: #B8C4CA;
|
|
}
|
|
|
|
.theme-dark h4,
|
|
.theme-dark .cm-header-4,
|
|
.theme-dark .markdown-preview-view h4 {
|
|
color: var(--trailmark-stone);
|
|
}
|
|
|
|
.theme-dark h5,
|
|
.theme-dark .cm-header-5,
|
|
.theme-dark .markdown-preview-view h5 {
|
|
color: #8CA0A9;
|
|
}
|
|
|
|
.theme-dark h6,
|
|
.theme-dark .cm-header-6,
|
|
.theme-dark .markdown-preview-view h6 {
|
|
color: #6F838D;
|
|
}
|
|
|
|
.theme-dark .inline-title,
|
|
.theme-dark .markdown-source-view.mod-cm6 .inline-title {
|
|
color: #6FF0E8;
|
|
}
|
|
|
|
.theme-dark .tree-item-self.nav-file-title.is-active,
|
|
.theme-dark .tree-item-self.nav-folder-title.is-active,
|
|
.theme-dark .nav-file-title.is-active,
|
|
.theme-dark .nav-folder-title.is-active {
|
|
background: #203A49;
|
|
color: #FBFCFD;
|
|
border-left: 3px solid #FF5432;
|
|
border-right: 0;
|
|
}
|
|
|
|
.theme-dark .tree-item-self.nav-file-title.is-active .tree-item-inner,
|
|
.theme-dark .tree-item-self.nav-folder-title.is-active .tree-item-inner,
|
|
.theme-dark .nav-file-title.is-active .nav-file-title-content,
|
|
.theme-dark .nav-folder-title.is-active .nav-folder-title-content,
|
|
.theme-dark .tree-item-self.nav-file-title.is-active .collapse-icon,
|
|
.theme-dark .tree-item-self.nav-folder-title.is-active .collapse-icon {
|
|
color: #FBFCFD;
|
|
}
|
|
|
|
.theme-dark a,
|
|
.theme-dark .internal-link,
|
|
.theme-dark .cm-link {
|
|
color: #6FF0E8;
|
|
}
|
|
|
|
.theme-dark a:hover,
|
|
.theme-dark .internal-link:hover,
|
|
.theme-dark .cm-link:hover {
|
|
color: #FF5432;
|
|
}
|
|
|
|
.theme-dark .cm-hashtag,
|
|
.theme-dark a.tag,
|
|
.theme-dark .metadata-property[data-property-key='tags'] .multi-select-pill {
|
|
color: #FF5432;
|
|
background: rgba(255, 84, 50, 0.12);
|
|
}
|
|
|
|
.theme-dark table,
|
|
.theme-dark th {
|
|
background: #18313F;
|
|
}
|
|
|
|
.theme-dark tr:hover {
|
|
background: #1E3A49;
|
|
}
|
|
|
|
/* Dark-mode refinement pass: finish dark before revisiting light mode. */
|
|
.theme-dark,
|
|
body[data-theme='dark'] {
|
|
--background-primary: #071016;
|
|
--background-primary-alt: #0B141A;
|
|
--background-secondary: #102632;
|
|
--background-secondary-alt: #132631;
|
|
--background-accent: #18313F;
|
|
--background-modifier-border: #294452;
|
|
--background-modifier-hover: #18313F;
|
|
--background-modifier-active-hover: #1E3A49;
|
|
|
|
--text-normal: var(--trailmark-dark-text);
|
|
--text-muted: var(--trailmark-stone);
|
|
--text-faint: #6F838D;
|
|
--text-accent: #FF5432;
|
|
--text-accent-hover: #FF7259;
|
|
|
|
--h1-color: #F4F7F8;
|
|
--h2-color: var(--trailmark-dark-text);
|
|
--h3-color: #B8C4CA;
|
|
--h4-color: var(--trailmark-stone);
|
|
--h5-color: #8CA0A9;
|
|
--h6-color: #6F838D;
|
|
--inline-title-color: #F4F7F8;
|
|
|
|
--interactive-accent: #FF5432;
|
|
--interactive-accent-hover: #FF7259;
|
|
--border-color: #294452;
|
|
--hr-color: #294452;
|
|
--blockquote-border: #FF5432;
|
|
--inline-code: #6FF0E8;
|
|
--nav-item-background-active: #203A49;
|
|
--nav-item-color-active: #FBFCFD;
|
|
}
|
|
|
|
.theme-dark .workspace-split.mod-left-split,
|
|
.theme-dark .workspace-split.mod-right-split,
|
|
.theme-dark .nav-files-container,
|
|
.theme-dark .workspace-ribbon,
|
|
.theme-dark .workspace-tabs .workspace-tab-header-container,
|
|
.theme-dark .view-header {
|
|
background: #102632;
|
|
border-color: #294452;
|
|
}
|
|
|
|
.theme-dark .workspace-tabs,
|
|
.theme-dark .workspace-tab-container,
|
|
.theme-dark .workspace-leaf-content,
|
|
.theme-dark .workspace-leaf-content[data-type],
|
|
.theme-dark .markdown-source-view,
|
|
.theme-dark .markdown-preview-view,
|
|
.theme-dark .view-content {
|
|
background: #071016;
|
|
}
|
|
|
|
.theme-dark .metadata-container,
|
|
.theme-dark .metadata-properties,
|
|
.theme-dark .callout,
|
|
.theme-dark .markdown-embed,
|
|
.theme-dark .modal,
|
|
.theme-dark .prompt,
|
|
.theme-dark .popover,
|
|
.theme-dark .menu,
|
|
.theme-dark .suggestion-container,
|
|
.theme-dark .search-result-container,
|
|
.theme-dark .setting-item {
|
|
background: #132631;
|
|
border-color: #294452;
|
|
}
|
|
|
|
.theme-dark .metadata-property {
|
|
background: transparent;
|
|
}
|
|
|
|
.theme-dark .metadata-property-key,
|
|
.theme-dark .metadata-property-key-input,
|
|
.theme-dark .metadata-property-icon {
|
|
background: transparent;
|
|
color: var(--trailmark-stone);
|
|
}
|
|
|
|
.theme-dark .metadata-property-value {
|
|
color: var(--trailmark-dark-text);
|
|
}
|
|
|
|
.theme-dark .metadata-container {
|
|
border: 1px solid #294452;
|
|
border-radius: 6px;
|
|
padding: 10px 12px;
|
|
}
|
|
|
|
.theme-dark .internal-link,
|
|
.theme-dark .cm-hmd-internal-link,
|
|
.theme-dark .cm-hmd-internal-link .cm-underline,
|
|
.theme-dark .markdown-rendered .internal-link,
|
|
.theme-dark .markdown-preview-view .internal-link {
|
|
color: #6FF0E8;
|
|
}
|
|
|
|
.theme-dark a:not(.internal-link):not(.tag),
|
|
.theme-dark .external-link,
|
|
.theme-dark .cm-link,
|
|
.theme-dark .cm-url {
|
|
color: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-dark .internal-link:hover,
|
|
.theme-dark .cm-hmd-internal-link:hover,
|
|
.theme-dark .markdown-rendered .internal-link:hover,
|
|
.theme-dark .markdown-preview-view .internal-link:hover {
|
|
color: var(--trailmark-seafoam-soft);
|
|
}
|
|
|
|
.theme-dark a:not(.internal-link):not(.tag):hover,
|
|
.theme-dark .external-link:hover,
|
|
.theme-dark .cm-link:hover,
|
|
.theme-dark .cm-url:hover {
|
|
color: #FF5432;
|
|
}
|
|
|
|
.theme-dark .cm-hashtag,
|
|
.theme-dark a.tag,
|
|
.theme-dark .metadata-property[data-property-key='tags'] .multi-select-pill {
|
|
color: #FF7259;
|
|
background: rgba(255, 84, 50, 0.1);
|
|
}
|
|
|
|
.theme-dark .workspace-tab-header.is-active,
|
|
.theme-dark .workspace-tab-header.is-active:hover {
|
|
background: #132631;
|
|
color: #F4F7F8;
|
|
border-bottom: 2px solid #FF5432;
|
|
}
|
|
|
|
.theme-dark .workspace-tab-header:hover,
|
|
.theme-dark .clickable-icon:hover,
|
|
.theme-dark .nav-action-button:hover {
|
|
background: #18313F;
|
|
color: #F4F7F8;
|
|
}
|
|
|
|
.theme-dark .nav-file-title,
|
|
.theme-dark .nav-folder-title,
|
|
.theme-dark .tree-item-self {
|
|
color: #A8B7BE;
|
|
}
|
|
|
|
.theme-dark .nav-file-title,
|
|
.theme-dark .tree-item-self.nav-file-title,
|
|
.theme-dark .nav-file-title .nav-file-title-content,
|
|
.theme-dark .tree-item-self.nav-file-title .tree-item-inner {
|
|
color: var(--trailmark-dark-text);
|
|
}
|
|
|
|
.theme-dark .nav-folder-title,
|
|
.theme-dark .tree-item-self.nav-folder-title,
|
|
.theme-dark .nav-folder-title .nav-folder-title-content,
|
|
.theme-dark .tree-item-self.nav-folder-title .tree-item-inner {
|
|
color: var(--trailmark-stone);
|
|
}
|
|
|
|
.theme-dark .nav-folder-title:hover,
|
|
.theme-dark .nav-file-title:hover,
|
|
.theme-dark .tree-item-self:hover {
|
|
color: var(--trailmark-dark-text);
|
|
}
|
|
|
|
.theme-dark .tree-item-self.nav-file-title.is-active,
|
|
.theme-dark .tree-item-self.nav-folder-title.is-active,
|
|
.theme-dark .nav-file-title.is-active,
|
|
.theme-dark .nav-folder-title.is-active {
|
|
background: #203A49;
|
|
color: #FBFCFD;
|
|
border-left: 3px solid #FF5432;
|
|
border-right: 0;
|
|
}
|
|
|
|
.theme-dark button:not(.mod-cta),
|
|
.theme-dark .clickable-icon,
|
|
.theme-dark .nav-action-button {
|
|
background-color: transparent;
|
|
color: #A8B7BE;
|
|
}
|
|
|
|
.theme-dark button:not(.mod-cta):hover,
|
|
.theme-dark .clickable-icon:hover,
|
|
.theme-dark .nav-action-button:hover {
|
|
background-color: #18313F;
|
|
color: #F4F7F8;
|
|
}
|
|
|
|
.theme-dark button.mod-cta,
|
|
.theme-dark .mod-cta {
|
|
background-color: #FF5432;
|
|
color: #FBFCFD;
|
|
}
|
|
|
|
.theme-dark .status-bar,
|
|
.theme-dark .titlebar,
|
|
.theme-dark .workspace-sidedock-vault-profile {
|
|
background: #0B141A;
|
|
color: var(--trailmark-stone);
|
|
}
|
|
|
|
/* Final dark tuning: graph and headings need explicit CM6/graph overrides. */
|
|
.theme-dark {
|
|
--h1-color: #FF5432;
|
|
--h2-color: #6FF0E8;
|
|
--h3-color: var(--trailmark-route-soft);
|
|
--h4-color: var(--trailmark-campfire);
|
|
--h5-color: var(--trailmark-seafoam-soft);
|
|
--h6-color: var(--trailmark-dark-text);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h1,
|
|
.theme-dark .markdown-rendered h1,
|
|
.theme-dark .cm-header-1,
|
|
.theme-dark .cm-line.HyperMD-header-1,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-1 {
|
|
color: #FF5432;
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h2,
|
|
.theme-dark .markdown-rendered h2,
|
|
.theme-dark .cm-header-2,
|
|
.theme-dark .cm-line.HyperMD-header-2,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-2 {
|
|
color: #6FF0E8;
|
|
border-bottom: 1px solid rgba(111, 240, 232, 0.26);
|
|
padding-bottom: 0.12em;
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h3,
|
|
.theme-dark .markdown-rendered h3,
|
|
.theme-dark .cm-header-3,
|
|
.theme-dark .cm-line.HyperMD-header-3,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-3 {
|
|
color: var(--trailmark-route-soft);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h4,
|
|
.theme-dark .markdown-rendered h4,
|
|
.theme-dark .cm-header-4,
|
|
.theme-dark .cm-line.HyperMD-header-4,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-4 {
|
|
color: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h5,
|
|
.theme-dark .markdown-rendered h5,
|
|
.theme-dark .cm-header-5,
|
|
.theme-dark .cm-line.HyperMD-header-5,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-5 {
|
|
color: var(--trailmark-seafoam-soft);
|
|
text-transform: none;
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h6,
|
|
.theme-dark .markdown-rendered h6,
|
|
.theme-dark .cm-header-6,
|
|
.theme-dark .cm-line.HyperMD-header-6,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-6 {
|
|
color: var(--trailmark-dark-text);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-formatting-header {
|
|
color: #FF5432;
|
|
}
|
|
|
|
.theme-dark .workspace-leaf-content[data-type='graph'] .view-content,
|
|
.theme-dark .workspace-leaf-content[data-type='localgraph'] .view-content {
|
|
background: #071016;
|
|
}
|
|
|
|
/* Dark Live Preview/source readability: reduce dense wikilink noise. */
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-hmd-internal-link,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline {
|
|
color: #6FF0E8;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-link,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-url {
|
|
color: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-hmd-internal-link,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline {
|
|
color: #167B78;
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-link,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-url {
|
|
color: #C94A32;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-formatting-link,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-formatting-link-string,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-formatting-link-start,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-formatting-link-end,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-formatting,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-string.cm-url {
|
|
color: #6F838D;
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-formatting-link,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-formatting-link-string,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-formatting-link-start,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-formatting-link-end,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-formatting,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-string.cm-url {
|
|
color: #7B8790;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-link .cm-underline,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline {
|
|
}
|
|
|
|
/* Light-mode pass derived from the finished dark mode. */
|
|
.theme-light,
|
|
body[data-theme='light'] {
|
|
--background-primary: #F6F8F9;
|
|
--background-primary-alt: #FBFCFD;
|
|
--background-secondary: #DDE6EA;
|
|
--background-secondary-alt: #E8EEF1;
|
|
--background-accent: #FBFCFD;
|
|
--background-modifier-border: #CDD7DC;
|
|
--background-modifier-hover: #EEF3F5;
|
|
--background-modifier-active-hover: #E2EAEE;
|
|
|
|
--text-normal: #17232B;
|
|
--text-muted: #53646E;
|
|
--text-faint: #77868E;
|
|
--text-accent: #C94A32;
|
|
--text-accent-hover: #11232F;
|
|
--text-on-accent: #FBFCFD;
|
|
|
|
--h1-color: #C94A32;
|
|
--h2-color: #167B78;
|
|
--h3-color: #416F82;
|
|
--h4-color: #D86147;
|
|
--h5-color: #0E918C;
|
|
--h6-color: #5C707A;
|
|
--inline-title-color: #11232F;
|
|
|
|
--interactive-accent: #C94A32;
|
|
--interactive-accent-hover: #FF5432;
|
|
--interactive-accent-rgb: 201, 74, 50;
|
|
--border-color: #CDD7DC;
|
|
--hr-color: #CDD7DC;
|
|
--blockquote-border: #C94A32;
|
|
--inline-code: #167B78;
|
|
--code-block: #111820;
|
|
--pre-code: #FBFCFD;
|
|
--nav-item-background-hover: rgba(17,35,47,0.06);
|
|
--nav-item-background-active: #FBFCFD;
|
|
--nav-item-color-active: #11232F;
|
|
}
|
|
|
|
.theme-light .workspace-split.mod-left-split,
|
|
.theme-light .workspace-split.mod-right-split,
|
|
.theme-light .nav-files-container,
|
|
.theme-light .workspace-ribbon,
|
|
.theme-light .workspace-tabs .workspace-tab-header-container {
|
|
background: #E8EEF1;
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
.theme-light .view-header,
|
|
.theme-light .workspace-tabs,
|
|
.theme-light .workspace-tab-container,
|
|
.theme-light .workspace-leaf-content,
|
|
.theme-light .workspace-leaf-content[data-type],
|
|
.theme-light .markdown-source-view,
|
|
.theme-light .markdown-preview-view,
|
|
.theme-light .view-content {
|
|
background: #F6F8F9;
|
|
}
|
|
|
|
.theme-light .metadata-container,
|
|
.theme-light .metadata-properties,
|
|
.theme-light .callout,
|
|
.theme-light .markdown-embed,
|
|
.theme-light .modal,
|
|
.theme-light .prompt,
|
|
.theme-light .popover,
|
|
.theme-light .menu,
|
|
.theme-light .suggestion-container,
|
|
.theme-light .search-result-container,
|
|
.theme-light .setting-item {
|
|
background: #FBFCFD;
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
.theme-light .metadata-property {
|
|
background: transparent;
|
|
}
|
|
|
|
.theme-light .metadata-container {
|
|
border: 1px solid #CDD7DC;
|
|
border-radius: 6px;
|
|
padding: 10px 12px;
|
|
}
|
|
|
|
.theme-light .nav-file-title,
|
|
.theme-light .nav-folder-title,
|
|
.theme-light .tree-item-self {
|
|
color: #53646E;
|
|
}
|
|
|
|
.theme-light .nav-file-title,
|
|
.theme-light .tree-item-self.nav-file-title,
|
|
.theme-light .nav-file-title .nav-file-title-content,
|
|
.theme-light .tree-item-self.nav-file-title .tree-item-inner {
|
|
color: #1F3542;
|
|
}
|
|
|
|
.theme-light .nav-folder-title,
|
|
.theme-light .tree-item-self.nav-folder-title,
|
|
.theme-light .nav-folder-title .nav-folder-title-content,
|
|
.theme-light .tree-item-self.nav-folder-title .tree-item-inner {
|
|
color: #53646E;
|
|
}
|
|
|
|
.theme-light .nav-folder-title:hover,
|
|
.theme-light .nav-file-title:hover,
|
|
.theme-light .tree-item-self:hover {
|
|
background: rgba(17,35,47,0.06);
|
|
color: #11232F;
|
|
}
|
|
|
|
.theme-light .tree-item-self.nav-file-title.is-active,
|
|
.theme-light .tree-item-self.nav-folder-title.is-active,
|
|
.theme-light .nav-file-title.is-active,
|
|
.theme-light .nav-folder-title.is-active {
|
|
background: #DDE6EA;
|
|
color: #11232F;
|
|
border-left: 3px solid #C94A32;
|
|
border-right: 0;
|
|
}
|
|
|
|
.theme-light .tree-item-self.nav-file-title.is-active .tree-item-inner,
|
|
.theme-light .tree-item-self.nav-folder-title.is-active .tree-item-inner,
|
|
.theme-light .nav-file-title.is-active .nav-file-title-content,
|
|
.theme-light .nav-folder-title.is-active .nav-folder-title-content,
|
|
.theme-light .tree-item-self.nav-file-title.is-active .collapse-icon,
|
|
.theme-light .tree-item-self.nav-folder-title.is-active .collapse-icon {
|
|
color: #11232F;
|
|
}
|
|
|
|
.theme-light .tree-item-self.nav-file-title.is-active:hover,
|
|
.theme-light .tree-item-self.nav-folder-title.is-active:hover,
|
|
.theme-light .nav-file-title.is-active:hover,
|
|
.theme-light .nav-folder-title.is-active:hover {
|
|
background: #D2DEE4;
|
|
color: #11232F;
|
|
}
|
|
|
|
.theme-light .workspace-tab-header.is-active,
|
|
.theme-light .workspace-tab-header.is-active:hover {
|
|
background: #FBFCFD;
|
|
color: #11232F;
|
|
border-bottom: 2px solid #C94A32;
|
|
}
|
|
|
|
.theme-light .workspace-tab-header:hover,
|
|
.theme-light .clickable-icon:hover,
|
|
.theme-light .nav-action-button:hover {
|
|
background: rgba(17,35,47,0.06);
|
|
color: #11232F;
|
|
}
|
|
|
|
.theme-light h1,
|
|
.theme-light .markdown-preview-view h1,
|
|
.theme-light .markdown-rendered h1,
|
|
.theme-light .cm-header-1,
|
|
.theme-light .cm-line.HyperMD-header-1,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-1 {
|
|
color: #C94A32;
|
|
border-left: 3px solid #167B78;
|
|
padding-left: 0.55em;
|
|
}
|
|
|
|
.theme-light h2,
|
|
.theme-light .markdown-preview-view h2,
|
|
.theme-light .markdown-rendered h2,
|
|
.theme-light .cm-header-2,
|
|
.theme-light .cm-line.HyperMD-header-2,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-2 {
|
|
color: #167B78;
|
|
border-bottom: 1px solid rgba(22, 123, 120, 0.22);
|
|
padding-bottom: 0.12em;
|
|
}
|
|
|
|
.theme-light h3,
|
|
.theme-light .markdown-preview-view h3,
|
|
.theme-light .markdown-rendered h3,
|
|
.theme-light .cm-header-3,
|
|
.theme-light .cm-line.HyperMD-header-3,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-3 {
|
|
color: #416F82;
|
|
}
|
|
|
|
.theme-light h4,
|
|
.theme-light .markdown-preview-view h4,
|
|
.theme-light .markdown-rendered h4,
|
|
.theme-light .cm-header-4,
|
|
.theme-light .cm-line.HyperMD-header-4,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-4 {
|
|
color: #D86147;
|
|
}
|
|
|
|
.theme-light h5,
|
|
.theme-light .markdown-preview-view h5,
|
|
.theme-light .markdown-rendered h5,
|
|
.theme-light .cm-header-5,
|
|
.theme-light .cm-line.HyperMD-header-5,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-5 {
|
|
color: #0E918C;
|
|
}
|
|
|
|
.theme-light h6,
|
|
.theme-light .markdown-preview-view h6,
|
|
.theme-light .markdown-rendered h6,
|
|
.theme-light .cm-header-6,
|
|
.theme-light .cm-line.HyperMD-header-6,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-6 {
|
|
color: #526773;
|
|
}
|
|
|
|
.theme-light .internal-link,
|
|
.theme-light .cm-hmd-internal-link,
|
|
.theme-light .cm-hmd-internal-link .cm-underline,
|
|
.theme-light .markdown-rendered .internal-link,
|
|
.theme-light .markdown-preview-view .internal-link {
|
|
color: #167B78;
|
|
}
|
|
|
|
.theme-light a:not(.internal-link):not(.tag),
|
|
.theme-light .external-link,
|
|
.theme-light .cm-link,
|
|
.theme-light .cm-url {
|
|
color: #C94A32;
|
|
}
|
|
|
|
.theme-light .cm-hashtag,
|
|
.theme-light a.tag,
|
|
.theme-light .metadata-property[data-property-key='tags'] .multi-select-pill {
|
|
color: #C94A32;
|
|
background: rgba(255, 84, 50, 0.09);
|
|
}
|
|
|
|
.theme-light table,
|
|
.theme-light th {
|
|
background: #E8EEF1;
|
|
}
|
|
|
|
.theme-light tr:hover {
|
|
background: #F1F4F6;
|
|
}
|
|
|
|
.theme-light pre,
|
|
.theme-light code,
|
|
.theme-light .markdown-preview-view pre,
|
|
.theme-light .cm-s-obsidian pre.HyperMD-codeblock {
|
|
background: #FBFCFD;
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
.theme-light .workspace-leaf-content[data-type='graph'] .view-content,
|
|
.theme-light .workspace-leaf-content[data-type='localgraph'] .view-content {
|
|
background: #F6F8F9;
|
|
}
|
|
|
|
.theme-light button:not(.mod-cta),
|
|
.theme-light .clickable-icon,
|
|
.theme-light .nav-action-button {
|
|
background-color: transparent;
|
|
color: #53646E;
|
|
}
|
|
|
|
.theme-light button:not(.mod-cta):hover,
|
|
.theme-light .clickable-icon:hover,
|
|
.theme-light .nav-action-button:hover {
|
|
background-color: rgba(17,35,47,0.06);
|
|
color: #11232F;
|
|
}
|
|
|
|
.theme-light button.mod-cta,
|
|
.theme-light .mod-cta {
|
|
background-color: #C94A32;
|
|
color: #FBFCFD;
|
|
}
|
|
|
|
.theme-light .status-bar,
|
|
.theme-light .titlebar,
|
|
.theme-light .workspace-sidedock-vault-profile {
|
|
background: #E8EEF1;
|
|
color: #53646E;
|
|
}
|
|
|
|
.theme-light .callout {
|
|
background: #E8F2F3;
|
|
border-color: rgba(22, 123, 120, 0.26);
|
|
}
|
|
|
|
/* Tables: make headers and row labels read as structure, not plain cells. */
|
|
.theme-dark th,
|
|
.theme-dark thead,
|
|
.theme-dark .markdown-rendered th,
|
|
.theme-dark .markdown-preview-view th {
|
|
background: #11232F;
|
|
color: var(--trailmark-campfire);
|
|
border-color: #294452;
|
|
border-bottom: 2px solid #FF5432;
|
|
}
|
|
|
|
.theme-dark td:first-child,
|
|
.theme-dark .markdown-rendered td:first-child,
|
|
.theme-dark .markdown-preview-view td:first-child {
|
|
color: #6FF0E8;
|
|
font-weight: 650;
|
|
}
|
|
|
|
.theme-dark td,
|
|
.theme-dark .markdown-rendered td,
|
|
.theme-dark .markdown-preview-view td {
|
|
background: #132631;
|
|
border-color: #294452;
|
|
}
|
|
|
|
.theme-dark tr:nth-child(even) td,
|
|
.theme-dark .markdown-rendered tr:nth-child(even) td,
|
|
.theme-dark .markdown-preview-view tr:nth-child(even) td {
|
|
background: #18313F;
|
|
}
|
|
|
|
.theme-dark tr:hover td,
|
|
.theme-dark .markdown-rendered tr:hover td,
|
|
.theme-dark .markdown-preview-view tr:hover td {
|
|
background: #203A49;
|
|
}
|
|
|
|
.theme-light th,
|
|
.theme-light thead,
|
|
.theme-light .markdown-rendered th,
|
|
.theme-light .markdown-preview-view th {
|
|
background: #11232F;
|
|
color: #FBFCFD;
|
|
border-color: #294452;
|
|
}
|
|
|
|
.theme-light td:first-child,
|
|
.theme-light .markdown-rendered td:first-child,
|
|
.theme-light .markdown-preview-view td:first-child {
|
|
color: #C94A32;
|
|
font-weight: 650;
|
|
}
|
|
|
|
/* Light settings/forms: keep controls light and legible. */
|
|
.theme-light input,
|
|
.theme-light textarea,
|
|
.theme-light select,
|
|
.theme-light .dropdown,
|
|
.theme-light .search-input-container input,
|
|
.theme-light .setting-item-control input,
|
|
.theme-light .setting-item-control select {
|
|
background-color: #FBFCFD;
|
|
border-color: #CDD7DC;
|
|
color: #17232B;
|
|
}
|
|
|
|
.theme-light .dropdown:hover,
|
|
.theme-light select:hover,
|
|
.theme-light input:hover,
|
|
.theme-light textarea:hover {
|
|
background-color: #F6F8F9;
|
|
border-color: #9FB0B8;
|
|
}
|
|
|
|
.theme-light .modal,
|
|
.theme-light .modal-content,
|
|
.theme-light .vertical-tab-content,
|
|
.theme-light .setting-item {
|
|
background-color: #F6F8F9;
|
|
color: #17232B;
|
|
}
|
|
|
|
.theme-light .setting-item-description,
|
|
.theme-light .setting-item-info {
|
|
color: #53646E;
|
|
}
|
|
|
|
/* Source/Live Preview cleanup: do not apply rendered heading bars to editor lines. */
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-1,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-2,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-3,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-4,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-5,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-6 {
|
|
border-left: 0;
|
|
padding-left: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-formatting-header {
|
|
color: #6F838D;
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-formatting-header {
|
|
color: #7B8790;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-1 { color: #FF5432; }
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-2 { color: #6FF0E8; }
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-3 { color: var(--trailmark-route-soft); }
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-4 { color: var(--trailmark-campfire); }
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-5 { color: var(--trailmark-seafoam-soft); }
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-6 { color: var(--trailmark-dark-text); }
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-1 { color: #C94A32; }
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-2 { color: #167B78; }
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-3 { color: #416F82; }
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-4 { color: #D86147; }
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-5 { color: #0E918C; }
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-6 { color: #5C707A; }
|
|
|
|
/* Settings modal: dedicated treatment for Appearance/Core/Community settings. */
|
|
.theme-dark .modal.mod-settings,
|
|
.theme-dark .modal.mod-settings .modal-content {
|
|
background: #071016;
|
|
color: var(--trailmark-dark-text);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-header {
|
|
background: #102632;
|
|
border-right: 1px solid #294452;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-content {
|
|
background: #071016;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-nav-item {
|
|
color: #B8C4CA;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-nav-item:hover {
|
|
background: #18313F;
|
|
color: #F4F7F8;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-nav-item.is-active {
|
|
background: #203A49;
|
|
color: #FBFCFD;
|
|
border-left: 3px solid #FF5432;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-heading,
|
|
.theme-dark .modal.mod-settings .setting-item-name {
|
|
color: #F4F7F8;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-description {
|
|
color: var(--trailmark-stone);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item {
|
|
background: transparent;
|
|
border-color: #294452;
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item:hover {
|
|
background: rgba(24, 49, 63, 0.42);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings h1,
|
|
.theme-dark .modal.mod-settings h2,
|
|
.theme-dark .modal.mod-settings h3,
|
|
.theme-dark .modal.mod-settings .setting-item-heading {
|
|
color: var(--trailmark-dark-text);
|
|
border: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings select,
|
|
.theme-dark .modal.mod-settings .dropdown,
|
|
.theme-dark .modal.mod-settings input,
|
|
.theme-dark .modal.mod-settings textarea {
|
|
background: #0B141A;
|
|
color: var(--trailmark-dark-text);
|
|
border: 1px solid #294452;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings button:not(.mod-cta):not(.mod-warning) {
|
|
background: #0B141A;
|
|
color: var(--trailmark-dark-text);
|
|
border: 1px solid #294452;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings button:not(.mod-cta):not(.mod-warning):hover {
|
|
background: #203A49;
|
|
color: #FBFCFD;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .checkbox-container {
|
|
background-color: #203A49;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .checkbox-container.is-enabled {
|
|
background-color: #FF5432;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-info {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-control {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-content-container {
|
|
background: #071016;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .settings-container {
|
|
background: #071016;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item.mod-toggle,
|
|
.theme-dark .modal.mod-settings .setting-item:not(.setting-item-heading) {
|
|
border-bottom: 1px solid rgba(41, 68, 82, 0.7);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-heading {
|
|
margin-top: 18px;
|
|
padding: 6px 0;
|
|
background: transparent;
|
|
color: var(--trailmark-campfire);
|
|
border-bottom: 1px solid #294452;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-content > div:not(.setting-item):not(.setting-item-heading) {
|
|
background: #0B141A;
|
|
border: 1px solid rgba(41, 68, 82, 0.68);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings,
|
|
.theme-light .modal.mod-settings .modal-content {
|
|
background: #F5F7F8;
|
|
color: #17232B;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .vertical-tab-header {
|
|
background: #E8EEF1;
|
|
border-right: 1px solid #CDD7DC;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .vertical-tab-content {
|
|
background: #F5F7F8;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .vertical-tab-nav-item {
|
|
color: #53646E;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .vertical-tab-nav-item:hover {
|
|
background: #DDE6EA;
|
|
color: #11232F;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .vertical-tab-nav-item.is-active {
|
|
background: #FBFCFD;
|
|
color: #11232F;
|
|
border-left: 3px solid #C94A32;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .setting-item-heading,
|
|
.theme-light .modal.mod-settings .setting-item-name {
|
|
color: #17232B;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .setting-item-description {
|
|
color: #53646E;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .setting-item {
|
|
background: #FBFCFD;
|
|
border-color: #CDD7DC;
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .setting-item:hover {
|
|
background: #F6F8F9;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings h1,
|
|
.theme-light .modal.mod-settings h2,
|
|
.theme-light .modal.mod-settings h3,
|
|
.theme-light .modal.mod-settings .setting-item-heading {
|
|
color: #C94A32;
|
|
border: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings select,
|
|
.theme-light .modal.mod-settings .dropdown,
|
|
.theme-light .modal.mod-settings input,
|
|
.theme-light .modal.mod-settings textarea {
|
|
background: #FBFCFD;
|
|
color: #17232B;
|
|
border: 1px solid #CDD7DC;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings button:not(.mod-cta):not(.mod-warning) {
|
|
background: #FBFCFD;
|
|
color: #53646E;
|
|
border: 1px solid #CDD7DC;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings button:not(.mod-cta):not(.mod-warning):hover {
|
|
background: #E8EEF1;
|
|
color: #11232F;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .checkbox-container {
|
|
background-color: #CDD7DC;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .checkbox-container.is-enabled {
|
|
background-color: #C94A32;
|
|
}
|
|
|
|
/* Code surfaces */
|
|
.theme-dark code:not(pre code),
|
|
.theme-dark .cm-inline-code {
|
|
background: #132631;
|
|
color: var(--trailmark-seafoam-soft);
|
|
border: 1px solid #294452;
|
|
border-radius: 4px;
|
|
padding: 0.08em 0.32em;
|
|
}
|
|
|
|
.theme-light code:not(pre code),
|
|
.theme-light .cm-inline-code {
|
|
background: #E8EEF1;
|
|
color: #167B78;
|
|
border: 1px solid #CDD7DC;
|
|
border-radius: 4px;
|
|
padding: 0.08em 0.32em;
|
|
}
|
|
|
|
.theme-dark pre,
|
|
.theme-dark .markdown-preview-view pre,
|
|
.theme-dark .markdown-rendered pre,
|
|
.theme-dark .HyperMD-codeblock-bg {
|
|
background: #0B141A;
|
|
border: 1px solid #294452;
|
|
border-left: 3px solid #6FF0E8;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.theme-light pre,
|
|
.theme-light .markdown-preview-view pre,
|
|
.theme-light .markdown-rendered pre,
|
|
.theme-light .HyperMD-codeblock-bg {
|
|
background: #FBFCFD;
|
|
border: 1px solid #CDD7DC;
|
|
border-left: 3px solid #167B78;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6.is-live-preview .HyperMD-codeblock-bg,
|
|
.theme-light .markdown-source-view.mod-cm6.is-live-preview .HyperMD-codeblock-bg {
|
|
border: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-codeblock {
|
|
background: #0B141A;
|
|
border-left: 3px solid #6FF0E8;
|
|
border-right: 1px solid #294452;
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-codeblock {
|
|
background: #FBFCFD;
|
|
border-left: 3px solid #167B78;
|
|
border-right: 1px solid #CDD7DC;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-codeblock {
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
overflow-wrap: anywhere;
|
|
padding-right: 3.5em;
|
|
white-space: pre-wrap;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-codeblock-begin,
|
|
.theme-light .markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-codeblock-begin {
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px 6px 0 0;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-codeblock-begin:not(.cm-active),
|
|
.markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-codeblock-end:not(.cm-active) {
|
|
color: transparent;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-codeblock-end,
|
|
.theme-light .markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-codeblock-end {
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
border-radius: 0 0 6px 6px;
|
|
}
|
|
|
|
.theme-dark pre code,
|
|
.theme-dark .markdown-preview-view pre code,
|
|
.theme-dark .markdown-rendered pre code,
|
|
.theme-dark .cm-s-obsidian pre.HyperMD-codeblock {
|
|
background: transparent;
|
|
color: #E8EEF1;
|
|
}
|
|
|
|
.theme-light pre code,
|
|
.theme-light .markdown-preview-view pre code,
|
|
.theme-light .markdown-rendered pre code,
|
|
.theme-light .cm-s-obsidian pre.HyperMD-codeblock {
|
|
background: transparent;
|
|
color: #111820;
|
|
}
|
|
|
|
/* Trailmark helper classes and plugin-friendly utilities.
|
|
Use with cssClasses frontmatter, e.g. cssClasses: [cards, table-lines]. */
|
|
|
|
/* Image filters via image link fragments, e.g. ![[image.png#invert]] */
|
|
.theme-dark img[alt*="#invert"],
|
|
.theme-dark img[src*="#invert"] {
|
|
filter: invert(1) hue-rotate(180deg);
|
|
}
|
|
|
|
.theme-light img[alt*="#invertW"],
|
|
.theme-light img[src*="#invertW"] {
|
|
filter: invert(1) hue-rotate(180deg);
|
|
}
|
|
|
|
.markdown-rendered img[alt*="#circle"],
|
|
.markdown-rendered img[src*="#circle"] {
|
|
aspect-ratio: 1;
|
|
border-radius: 999px;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.theme-dark .markdown-rendered img[alt*="#outline"],
|
|
.theme-dark .markdown-rendered img[src*="#outline"] {
|
|
border: 1px solid #294452;
|
|
box-shadow: 0 0 0 3px rgba(111, 240, 232, 0.08);
|
|
}
|
|
|
|
.theme-light .markdown-rendered img[alt*="#outline"],
|
|
.theme-light .markdown-rendered img[src*="#outline"] {
|
|
border: 1px solid #CDD7DC;
|
|
box-shadow: 0 0 0 3px rgba(17, 35, 47, 0.05);
|
|
}
|
|
|
|
/* Image grids */
|
|
.markdown-rendered.img-grid p,
|
|
.markdown-preview-view.img-grid p {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
|
|
gap: 10px;
|
|
}
|
|
|
|
.markdown-rendered.img-grid p img,
|
|
.markdown-preview-view.img-grid p img {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
object-fit: cover;
|
|
}
|
|
|
|
/* Width helpers for tables, images, and iframes */
|
|
.markdown-rendered.table-100 table,
|
|
.markdown-rendered.img-100 img,
|
|
.markdown-rendered.iframe-100 iframe,
|
|
.markdown-preview-view.table-100 table,
|
|
.markdown-preview-view.img-100 img,
|
|
.markdown-preview-view.iframe-100 iframe {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.markdown-rendered.table-max table,
|
|
.markdown-rendered.img-max img,
|
|
.markdown-rendered.iframe-max iframe,
|
|
.markdown-preview-view.table-max table,
|
|
.markdown-preview-view.img-max img,
|
|
.markdown-preview-view.iframe-max iframe {
|
|
width: 88%;
|
|
max-width: 88%;
|
|
}
|
|
|
|
.markdown-rendered.table-wide table,
|
|
.markdown-rendered.img-wide img,
|
|
.markdown-rendered.iframe-wide iframe,
|
|
.markdown-preview-view.table-wide table,
|
|
.markdown-preview-view.img-wide img,
|
|
.markdown-preview-view.iframe-wide iframe {
|
|
width: min(100%, 1100px);
|
|
max-width: min(100%, 1100px);
|
|
}
|
|
|
|
/* Table helpers */
|
|
.markdown-rendered.table-nowrap table,
|
|
.markdown-preview-view.table-nowrap table {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.markdown-rendered.table-wrap table,
|
|
.markdown-preview-view.table-wrap table {
|
|
white-space: normal;
|
|
}
|
|
|
|
.markdown-rendered.table-tabular table,
|
|
.markdown-preview-view.table-tabular table {
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.markdown-rendered.table-small table,
|
|
.markdown-preview-view.table-small table {
|
|
font-size: 0.88em;
|
|
}
|
|
|
|
.markdown-rendered.table-tiny table,
|
|
.markdown-preview-view.table-tiny table {
|
|
font-size: 0.78em;
|
|
}
|
|
|
|
.markdown-rendered.table-lines td,
|
|
.markdown-rendered.table-lines th,
|
|
.markdown-preview-view.table-lines td,
|
|
.markdown-preview-view.table-lines th,
|
|
.markdown-rendered.row-lines tr,
|
|
.markdown-preview-view.row-lines tr {
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
|
|
.markdown-rendered.col-lines td,
|
|
.markdown-rendered.col-lines th,
|
|
.markdown-preview-view.col-lines td,
|
|
.markdown-preview-view.col-lines th {
|
|
border-left: 1px solid var(--border-color);
|
|
border-right: 1px solid var(--border-color);
|
|
}
|
|
|
|
.markdown-rendered.row-alt tbody tr:nth-child(even),
|
|
.markdown-preview-view.row-alt tbody tr:nth-child(even) {
|
|
background: var(--background-modifier-hover);
|
|
}
|
|
|
|
.markdown-rendered.col-alt td:nth-child(even),
|
|
.markdown-rendered.col-alt th:nth-child(even),
|
|
.markdown-preview-view.col-alt td:nth-child(even),
|
|
.markdown-preview-view.col-alt th:nth-child(even) {
|
|
background: var(--background-modifier-hover);
|
|
}
|
|
|
|
.markdown-rendered.table-numbers tbody,
|
|
.markdown-preview-view.table-numbers tbody {
|
|
counter-reset: trailmark-table-row;
|
|
}
|
|
|
|
.markdown-rendered.table-numbers tbody tr,
|
|
.markdown-preview-view.table-numbers tbody tr {
|
|
counter-increment: trailmark-table-row;
|
|
}
|
|
|
|
.markdown-rendered.table-numbers tbody td:first-child::before,
|
|
.markdown-preview-view.table-numbers tbody td:first-child::before {
|
|
content: counter(trailmark-table-row) ". ";
|
|
color: var(--text-faint);
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
/* Dataview card tables */
|
|
.markdown-rendered.cards .dataview.table-view-table,
|
|
.markdown-preview-view.cards .dataview.table-view-table {
|
|
display: block;
|
|
}
|
|
|
|
.markdown-rendered.cards .dataview.table-view-table thead,
|
|
.markdown-preview-view.cards .dataview.table-view-table thead {
|
|
display: none;
|
|
}
|
|
|
|
.markdown-rendered.cards .dataview.table-view-table tbody,
|
|
.markdown-preview-view.cards .dataview.table-view-table tbody {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
|
gap: 10px;
|
|
}
|
|
|
|
.markdown-rendered.cards.cards-cols-1 .dataview.table-view-table tbody,
|
|
.markdown-preview-view.cards.cards-cols-1 .dataview.table-view-table tbody { grid-template-columns: repeat(1, minmax(0, 1fr)); }
|
|
.markdown-rendered.cards.cards-cols-2 .dataview.table-view-table tbody,
|
|
.markdown-preview-view.cards.cards-cols-2 .dataview.table-view-table tbody { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
.markdown-rendered.cards.cards-cols-3 .dataview.table-view-table tbody,
|
|
.markdown-preview-view.cards.cards-cols-3 .dataview.table-view-table tbody { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
|
.markdown-rendered.cards.cards-cols-4 .dataview.table-view-table tbody,
|
|
.markdown-preview-view.cards.cards-cols-4 .dataview.table-view-table tbody { grid-template-columns: repeat(4, minmax(0, 1fr)); }
|
|
|
|
.markdown-rendered.cards .dataview.table-view-table tr,
|
|
.markdown-preview-view.cards .dataview.table-view-table tr {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px;
|
|
min-width: 0;
|
|
padding: 10px;
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 6px;
|
|
background: var(--background-primary-alt);
|
|
}
|
|
|
|
.markdown-rendered.cards.cards-align-bottom .dataview.table-view-table td:last-child,
|
|
.markdown-preview-view.cards.cards-align-bottom .dataview.table-view-table td:last-child {
|
|
margin-top: auto;
|
|
}
|
|
|
|
.markdown-rendered.cards .dataview.table-view-table td,
|
|
.markdown-preview-view.cards .dataview.table-view-table td {
|
|
display: block;
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.markdown-rendered.cards.cards-cover .dataview.table-view-table img,
|
|
.markdown-preview-view.cards.cards-cover .dataview.table-view-table img {
|
|
width: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.markdown-rendered.cards.cards-16-9 .dataview.table-view-table img,
|
|
.markdown-preview-view.cards.cards-16-9 .dataview.table-view-table img { aspect-ratio: 16 / 9; }
|
|
.markdown-rendered.cards.cards-1-1 .dataview.table-view-table img,
|
|
.markdown-preview-view.cards.cards-1-1 .dataview.table-view-table img { aspect-ratio: 1 / 1; }
|
|
.markdown-rendered.cards.cards-2-1 .dataview.table-view-table img,
|
|
.markdown-preview-view.cards.cards-2-1 .dataview.table-view-table img { aspect-ratio: 2 / 1; }
|
|
.markdown-rendered.cards.cards-2-3 .dataview.table-view-table img,
|
|
.markdown-preview-view.cards.cards-2-3 .dataview.table-view-table img { aspect-ratio: 2 / 3; }
|
|
|
|
/* Embeds */
|
|
.markdown-rendered.embed-strict .markdown-embed,
|
|
.markdown-preview-view.embed-strict .markdown-embed {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.markdown-rendered.embed-strict .markdown-embed-title,
|
|
.markdown-preview-view.embed-strict .markdown-embed-title {
|
|
display: none;
|
|
}
|
|
|
|
/* Alternate task markers */
|
|
.markdown-rendered li[data-task="/"] > input,
|
|
.markdown-preview-view li[data-task="/"] > input { border-color: #6FF0E8; }
|
|
.markdown-rendered li[data-task="-"] > input,
|
|
.markdown-preview-view li[data-task="-"] > input { border-color: var(--trailmark-stone-muted); }
|
|
.markdown-rendered li[data-task=">"] > input,
|
|
.markdown-preview-view li[data-task=">"] > input { border-color: var(--trailmark-campfire); }
|
|
.markdown-rendered li[data-task="?"] > input,
|
|
.markdown-preview-view li[data-task="?"] > input { border-color: var(--trailmark-seafoam-soft); }
|
|
.markdown-rendered li[data-task="!"] > input,
|
|
.markdown-preview-view li[data-task="!"] > input { border-color: #FF5432; }
|
|
.markdown-rendered li[data-task="*"] > input,
|
|
.markdown-preview-view li[data-task="*"] > input { border-color: var(--trailmark-campfire); }
|
|
.markdown-rendered li[data-task="i"] > input,
|
|
.markdown-preview-view li[data-task="i"] > input { border-color: #6FF0E8; }
|
|
.markdown-rendered li[data-task="I"] > input,
|
|
.markdown-preview-view li[data-task="I"] > input { border-color: var(--trailmark-seafoam-soft); }
|
|
.markdown-rendered li[data-task="p"] > input,
|
|
.markdown-rendered li[data-task="w"] > input,
|
|
.markdown-preview-view li[data-task="p"] > input,
|
|
.markdown-preview-view li[data-task="w"] > input { border-color: #6FF0E8; }
|
|
.markdown-rendered li[data-task="c"] > input,
|
|
.markdown-rendered li[data-task="f"] > input,
|
|
.markdown-preview-view li[data-task="c"] > input,
|
|
.markdown-preview-view li[data-task="f"] > input { border-color: #FF5432; }
|
|
|
|
/* Enabled plugin support: Forge */
|
|
.theme-dark .forge-health-dashboard,
|
|
.theme-dark .forge-modal .modal-content,
|
|
.theme-dark .forge-ms-panel,
|
|
.theme-dark .forge-restore-item,
|
|
.theme-dark .forge-health-issue-group,
|
|
.theme-dark .forge-health-issue {
|
|
background: #132631;
|
|
border-color: #294452;
|
|
}
|
|
|
|
.theme-light .forge-health-dashboard,
|
|
.theme-light .forge-modal .modal-content,
|
|
.theme-light .forge-ms-panel,
|
|
.theme-light .forge-restore-item,
|
|
.theme-light .forge-health-issue-group,
|
|
.theme-light .forge-health-issue {
|
|
background: #FBFCFD;
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
.theme-dark .forge-health-header h2,
|
|
.theme-dark .forge-health-section-header h3 {
|
|
color: #6FF0E8;
|
|
}
|
|
|
|
.theme-light .forge-health-header h2,
|
|
.theme-light .forge-health-section-header h3 {
|
|
color: #167B78;
|
|
}
|
|
|
|
.theme-dark .forge-health-metric,
|
|
.theme-dark .forge-field-order-item,
|
|
.theme-dark .forge-shape-fields,
|
|
.theme-dark .forge-tag-toggle,
|
|
.theme-dark .forge-ms-trigger {
|
|
background: #18313F;
|
|
border-color: #294452;
|
|
}
|
|
|
|
.theme-light .forge-health-metric,
|
|
.theme-light .forge-field-order-item,
|
|
.theme-light .forge-shape-fields,
|
|
.theme-light .forge-tag-toggle,
|
|
.theme-light .forge-ms-trigger {
|
|
background: #F6F8F9;
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
.theme-dark .forge-tab-btn.is-active,
|
|
.theme-dark .forge-ms-chip,
|
|
.theme-dark .forge-tag-toggle.active,
|
|
.theme-dark .forge-ms-box-checked {
|
|
background: #FF5432;
|
|
border-color: #FF5432;
|
|
color: #FBFCFD;
|
|
}
|
|
|
|
.theme-light .forge-tab-btn.is-active,
|
|
.theme-light .forge-ms-chip,
|
|
.theme-light .forge-tag-toggle.active,
|
|
.theme-light .forge-ms-box-checked {
|
|
background: #C94A32;
|
|
border-color: #C94A32;
|
|
color: #FBFCFD;
|
|
}
|
|
|
|
.theme-dark .forge-health-pill.is-good,
|
|
.theme-dark .forge-health-section-status.is-good,
|
|
.theme-dark .forge-count-changed,
|
|
.theme-dark .forge-success-msg {
|
|
color: #6FF0E8;
|
|
}
|
|
|
|
.theme-light .forge-health-pill.is-good,
|
|
.theme-light .forge-health-section-status.is-good,
|
|
.theme-light .forge-count-changed,
|
|
.theme-light .forge-success-msg {
|
|
color: #167B78;
|
|
}
|
|
|
|
/* Enabled plugin support: Dataview */
|
|
.theme-dark .block-language-dataview,
|
|
.theme-dark .dataview,
|
|
.theme-dark .table-view-table {
|
|
--table-row-background-hover: #203A49;
|
|
}
|
|
|
|
.theme-light .block-language-dataview,
|
|
.theme-light .dataview,
|
|
.theme-light .table-view-table {
|
|
--table-row-background-hover: #EEF3F5;
|
|
}
|
|
|
|
.theme-dark .dataview.inline-field-key,
|
|
.theme-dark .dataview.inline-field-value,
|
|
.theme-dark .dataview.inline-field-standalone-value {
|
|
background: #18313F;
|
|
color: #6FF0E8;
|
|
border: 1px solid #294452;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.theme-light .dataview.inline-field-key,
|
|
.theme-light .dataview.inline-field-value,
|
|
.theme-light .dataview.inline-field-standalone-value {
|
|
background: #E8EEF1;
|
|
color: #167B78;
|
|
border: 1px solid #CDD7DC;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.theme-dark div.dataview-error-box {
|
|
border-color: #FF5432;
|
|
background: rgba(255, 84, 50, 0.08);
|
|
}
|
|
|
|
.theme-light div.dataview-error-box {
|
|
border-color: #C94A32;
|
|
background: rgba(201, 74, 50, 0.06);
|
|
}
|
|
|
|
.theme-dark .dataview-error-message {
|
|
color: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-light .dataview-error-message {
|
|
color: #C94A32;
|
|
}
|
|
|
|
/* Forge rollback: keep Forge close to native Obsidian controls. */
|
|
.theme-dark .forge-health-dashboard,
|
|
.theme-dark .forge-modal .modal-content,
|
|
.theme-dark .forge-ms-panel,
|
|
.theme-dark .forge-restore-item,
|
|
.theme-dark .forge-health-issue-group,
|
|
.theme-dark .forge-health-issue,
|
|
.theme-dark .forge-health-metric,
|
|
.theme-dark .forge-field-order-item,
|
|
.theme-dark .forge-shape-fields,
|
|
.theme-dark .forge-ms-trigger {
|
|
background: #132631;
|
|
border-color: #294452;
|
|
}
|
|
|
|
.theme-light .forge-health-dashboard,
|
|
.theme-light .forge-modal .modal-content,
|
|
.theme-light .forge-ms-panel,
|
|
.theme-light .forge-restore-item,
|
|
.theme-light .forge-health-issue-group,
|
|
.theme-light .forge-health-issue,
|
|
.theme-light .forge-health-metric,
|
|
.theme-light .forge-field-order-item,
|
|
.theme-light .forge-shape-fields,
|
|
.theme-light .forge-ms-trigger {
|
|
background: #FBFCFD;
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
.theme-dark .forge-health-header h2,
|
|
.theme-dark .forge-health-section-header h3,
|
|
.theme-dark .forge-health-pill.is-good,
|
|
.theme-dark .forge-health-section-status.is-good,
|
|
.theme-dark .forge-count-changed,
|
|
.theme-dark .forge-success-msg {
|
|
color: var(--trailmark-dark-text);
|
|
}
|
|
|
|
.theme-light .forge-health-header h2,
|
|
.theme-light .forge-health-section-header h3,
|
|
.theme-light .forge-health-pill.is-good,
|
|
.theme-light .forge-health-section-status.is-good,
|
|
.theme-light .forge-count-changed,
|
|
.theme-light .forge-success-msg {
|
|
color: #17232B;
|
|
}
|
|
|
|
.theme-dark .forge-health-header h2 {
|
|
color: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-dark .forge-health-section-header h3 {
|
|
color: var(--trailmark-route-pale);
|
|
}
|
|
|
|
.theme-light .forge-health-header h2 {
|
|
color: #C94A32;
|
|
}
|
|
|
|
.theme-light .forge-health-section-header h3 {
|
|
color: #416F82;
|
|
}
|
|
|
|
.theme-dark .forge-health-section-toggle {
|
|
color: var(--trailmark-route-pale);
|
|
}
|
|
|
|
.theme-light .forge-health-section-toggle {
|
|
color: #416F82;
|
|
}
|
|
|
|
.theme-dark .forge-tab-btn.is-active,
|
|
.theme-dark .forge-tag-toggle.active {
|
|
background: #203A49;
|
|
border-color: #294452;
|
|
color: #FBFCFD;
|
|
}
|
|
|
|
.theme-light .forge-tab-btn.is-active,
|
|
.theme-light .forge-tag-toggle.active {
|
|
background: #E8EEF1;
|
|
border-color: #CDD7DC;
|
|
color: #11232F;
|
|
}
|
|
|
|
.theme-dark .forge-ms-chip,
|
|
.theme-light .forge-ms-chip {
|
|
background: var(--background-modifier-hover);
|
|
border: 1px solid var(--background-modifier-border);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* Trailmark palette contract: keep the effective theme aligned to the base palette. */
|
|
.theme-light,
|
|
body[data-theme='light'] {
|
|
--background-primary: var(--trailmark-light-bg);
|
|
--background-primary-alt: var(--trailmark-light-surface);
|
|
--background-secondary: var(--trailmark-moonstone);
|
|
--background-secondary-alt: var(--trailmark-moonstone);
|
|
--background-accent: var(--trailmark-light-surface-alt);
|
|
--background-modifier-hover: var(--trailmark-light-bg-subtle);
|
|
--background-modifier-active-hover: var(--trailmark-light-bg-subtle);
|
|
--background-modifier-border: var(--trailmark-light-border);
|
|
--background-modifier-success: var(--trailmark-seafoam);
|
|
|
|
--text-normal: var(--trailmark-black);
|
|
--text-muted: var(--trailmark-light-text-muted);
|
|
--text-faint: var(--trailmark-light-text-muted);
|
|
--text-accent: var(--trailmark-harvest-orange);
|
|
--text-accent-hover: var(--trailmark-moonstone);
|
|
--text-on-accent: var(--trailmark-cloud);
|
|
|
|
--h1-color: var(--trailmark-moonstone);
|
|
--h2-color: var(--trailmark-moonstone);
|
|
--h3-color: var(--trailmark-moonstone);
|
|
--h4-color: var(--trailmark-black);
|
|
--h5-color: var(--trailmark-light-text-muted);
|
|
--h6-color: var(--trailmark-light-text-muted);
|
|
--inline-title-color: var(--trailmark-moonstone);
|
|
|
|
--interactive-accent: var(--trailmark-harvest-orange);
|
|
--interactive-accent-hover: var(--trailmark-harvest-orange);
|
|
--interactive-accent-rgb: 255, 84, 50;
|
|
--border-color: var(--trailmark-light-border);
|
|
--hr-color: var(--trailmark-light-border);
|
|
--blockquote-border: var(--trailmark-harvest-orange);
|
|
--inline-code: var(--trailmark-moonstone);
|
|
--code-block: var(--trailmark-black);
|
|
--pre-code: var(--trailmark-light-surface);
|
|
--nav-item-background-active: var(--trailmark-light-surface);
|
|
--nav-item-color-active: var(--trailmark-moonstone);
|
|
--graph-text: var(--trailmark-light-text-muted);
|
|
--graph-line: rgba(17, 35, 47, 0.2);
|
|
--graph-node: rgba(201, 74, 50, 0.62);
|
|
--graph-node-unresolved: var(--trailmark-stone-muted);
|
|
--graph-node-focused: #167B78;
|
|
--graph-node-tag: var(--trailmark-harvest-orange);
|
|
--graph-node-attachment: var(--trailmark-stone-muted);
|
|
}
|
|
|
|
.theme-dark,
|
|
body[data-theme='dark'] {
|
|
--background-primary: var(--trailmark-dark-bg);
|
|
--background-primary-alt: var(--trailmark-dark-bg-subtle);
|
|
--background-secondary: var(--trailmark-dark-nav-bg);
|
|
--background-secondary-alt: var(--trailmark-dark-surface);
|
|
--background-accent: var(--trailmark-dark-surface);
|
|
--background-modifier-hover: var(--trailmark-dark-surface-alt);
|
|
--background-modifier-active-hover: var(--trailmark-dark-surface-alt);
|
|
--background-modifier-border: var(--trailmark-dark-border);
|
|
--background-modifier-success: var(--trailmark-seafoam);
|
|
|
|
--text-normal: var(--trailmark-fog);
|
|
--text-muted: var(--trailmark-dark-text-muted);
|
|
--text-faint: var(--trailmark-dark-text-muted);
|
|
--text-accent: var(--trailmark-harvest-orange);
|
|
--text-accent-hover: var(--trailmark-seafoam);
|
|
--text-on-accent: var(--trailmark-cloud);
|
|
|
|
--h1-color: var(--trailmark-cloud);
|
|
--h2-color: var(--trailmark-fog);
|
|
--h3-color: var(--trailmark-fog);
|
|
--h4-color: var(--trailmark-dark-text-muted);
|
|
--h5-color: var(--trailmark-dark-text-muted);
|
|
--h6-color: var(--trailmark-dark-text-muted);
|
|
--inline-title-color: var(--trailmark-cloud);
|
|
|
|
--interactive-accent: var(--trailmark-harvest-orange);
|
|
--interactive-accent-hover: var(--trailmark-harvest-orange);
|
|
--interactive-accent-rgb: 255, 84, 50;
|
|
--border-color: var(--trailmark-dark-border);
|
|
--hr-color: var(--trailmark-dark-border);
|
|
--blockquote-border: var(--trailmark-harvest-orange);
|
|
--inline-code: var(--trailmark-seafoam);
|
|
--code-block: var(--trailmark-fog);
|
|
--pre-code: var(--trailmark-dark-bg-subtle);
|
|
--nav-item-background-active: var(--trailmark-dark-surface-alt);
|
|
--nav-item-color-active: var(--trailmark-cloud);
|
|
--graph-text: var(--trailmark-dark-text-muted);
|
|
--graph-line: rgba(184, 196, 202, 0.22);
|
|
--graph-node: rgba(255, 84, 50, 0.72);
|
|
--graph-node-unresolved: var(--trailmark-stone-muted);
|
|
--graph-node-focused: var(--trailmark-seafoam);
|
|
--graph-node-tag: var(--trailmark-harvest-orange);
|
|
--graph-node-attachment: var(--trailmark-stone-muted);
|
|
}
|
|
|
|
.theme-light .view-header,
|
|
.theme-light .workspace-tabs,
|
|
.theme-light .workspace-tab-container,
|
|
.theme-light .workspace-leaf-content,
|
|
.theme-light .workspace-leaf-content[data-type],
|
|
.theme-light .markdown-source-view,
|
|
.theme-light .markdown-preview-view,
|
|
.theme-light .view-content {
|
|
background: var(--trailmark-light-bg);
|
|
}
|
|
|
|
.theme-light .workspace-split.mod-left-split,
|
|
.theme-light .workspace-split.mod-right-split,
|
|
.theme-light .nav-files-container,
|
|
.theme-light .workspace-ribbon,
|
|
.theme-light .workspace-tabs .workspace-tab-header-container {
|
|
background: var(--trailmark-moonstone);
|
|
border-color: var(--trailmark-moonstone);
|
|
}
|
|
|
|
.theme-light .metadata-container,
|
|
.theme-light .metadata-properties,
|
|
.theme-light .callout,
|
|
.theme-light .markdown-embed,
|
|
.theme-light .modal,
|
|
.theme-light .prompt,
|
|
.theme-light .popover,
|
|
.theme-light .menu,
|
|
.theme-light .suggestion-container,
|
|
.theme-light .search-result-container,
|
|
.theme-light .setting-item,
|
|
.theme-light pre,
|
|
.theme-light code,
|
|
.theme-light .markdown-preview-view pre,
|
|
.theme-light .cm-s-obsidian pre.HyperMD-codeblock {
|
|
background: var(--trailmark-light-surface);
|
|
border-color: var(--trailmark-light-border);
|
|
}
|
|
|
|
.theme-dark .workspace-split.mod-left-split,
|
|
.theme-dark .workspace-split.mod-right-split,
|
|
.theme-dark .nav-files-container,
|
|
.theme-dark .workspace-ribbon,
|
|
.theme-dark .workspace-tabs .workspace-tab-header-container,
|
|
.theme-dark .view-header {
|
|
background: var(--trailmark-dark-nav-bg);
|
|
border-color: var(--trailmark-dark-border);
|
|
}
|
|
|
|
.theme-dark .workspace-tabs,
|
|
.theme-dark .workspace-tab-container,
|
|
.theme-dark .workspace-leaf-content,
|
|
.theme-dark .workspace-leaf-content[data-type],
|
|
.theme-dark .markdown-source-view,
|
|
.theme-dark .markdown-preview-view,
|
|
.theme-dark .view-content {
|
|
background: var(--trailmark-dark-bg);
|
|
}
|
|
|
|
.theme-dark .metadata-container,
|
|
.theme-dark .metadata-properties,
|
|
.theme-dark .callout,
|
|
.theme-dark .markdown-embed,
|
|
.theme-dark .modal,
|
|
.theme-dark .prompt,
|
|
.theme-dark .popover,
|
|
.theme-dark .menu,
|
|
.theme-dark .suggestion-container,
|
|
.theme-dark .search-result-container,
|
|
.theme-dark .setting-item {
|
|
background: var(--trailmark-dark-surface);
|
|
border-color: var(--trailmark-dark-border);
|
|
}
|
|
|
|
.theme-light h1,
|
|
.theme-light .markdown-preview-view h1,
|
|
.theme-light .markdown-rendered h1,
|
|
.theme-light .cm-header-1,
|
|
.theme-light .cm-line.HyperMD-header-1,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-1 {
|
|
color: #C94A32;
|
|
}
|
|
|
|
.theme-light h2,
|
|
.theme-light .markdown-preview-view h2,
|
|
.theme-light .markdown-rendered h2,
|
|
.theme-light .cm-header-2,
|
|
.theme-light .cm-line.HyperMD-header-2,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-2 {
|
|
color: #167B78;
|
|
}
|
|
|
|
.theme-light h3,
|
|
.theme-light .markdown-preview-view h3,
|
|
.theme-light .markdown-rendered h3,
|
|
.theme-light .cm-header-3,
|
|
.theme-light .cm-line.HyperMD-header-3,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-header-3 {
|
|
color: #416F82;
|
|
}
|
|
|
|
.theme-dark h1,
|
|
.theme-dark .markdown-preview-view h1,
|
|
.theme-dark .markdown-rendered h1,
|
|
.theme-dark .cm-header-1,
|
|
.theme-dark .cm-line.HyperMD-header-1,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-1 {
|
|
color: #FF5432;
|
|
border-left-color: var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
.theme-dark h2,
|
|
.theme-dark .markdown-preview-view h2,
|
|
.theme-dark .markdown-rendered h2,
|
|
.theme-dark .cm-header-2,
|
|
.theme-dark .cm-line.HyperMD-header-2,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-2 {
|
|
color: #6FF0E8;
|
|
}
|
|
|
|
.theme-dark h3,
|
|
.theme-dark .markdown-preview-view h3,
|
|
.theme-dark .markdown-rendered h3,
|
|
.theme-dark .cm-header-3,
|
|
.theme-dark .cm-line.HyperMD-header-3,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-3 {
|
|
color: var(--trailmark-route-soft);
|
|
}
|
|
|
|
.theme-light h4,
|
|
.theme-light .markdown-preview-view h4,
|
|
.theme-light .markdown-rendered h4,
|
|
.theme-light .cm-header-4 {
|
|
color: #D86147;
|
|
}
|
|
|
|
.theme-light h5,
|
|
.theme-light .markdown-preview-view h5,
|
|
.theme-light .markdown-rendered h5,
|
|
.theme-light .cm-header-5 {
|
|
color: #0E918C;
|
|
}
|
|
|
|
.theme-light h6,
|
|
.theme-light .markdown-preview-view h6,
|
|
.theme-light .markdown-rendered h6,
|
|
.theme-light .cm-header-6 {
|
|
color: #526773;
|
|
}
|
|
|
|
.theme-dark h4,
|
|
.theme-dark .markdown-preview-view h4,
|
|
.theme-dark .markdown-rendered h4,
|
|
.theme-dark .cm-header-4 {
|
|
color: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-dark h5,
|
|
.theme-dark .markdown-preview-view h5,
|
|
.theme-dark .markdown-rendered h5,
|
|
.theme-dark .cm-header-5 {
|
|
color: var(--trailmark-seafoam-soft);
|
|
}
|
|
|
|
.theme-dark h6,
|
|
.theme-dark .markdown-preview-view h6,
|
|
.theme-dark .markdown-rendered h6,
|
|
.theme-dark .cm-header-6 {
|
|
color: var(--trailmark-dark-text);
|
|
}
|
|
|
|
.theme-light .tree-item-self.nav-file-title.is-active,
|
|
.theme-light .tree-item-self.nav-folder-title.is-active,
|
|
.theme-light .nav-file-title.is-active,
|
|
.theme-light .nav-folder-title.is-active,
|
|
.theme-dark .tree-item-self.nav-file-title.is-active,
|
|
.theme-dark .tree-item-self.nav-folder-title.is-active,
|
|
.theme-dark .nav-file-title.is-active,
|
|
.theme-dark .nav-folder-title.is-active {
|
|
border-left-color: var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
.theme-light button.mod-cta,
|
|
.theme-light .mod-cta,
|
|
.theme-dark button.mod-cta,
|
|
.theme-dark .mod-cta,
|
|
.theme-light .checkbox-container.is-enabled,
|
|
.theme-dark .checkbox-container.is-enabled {
|
|
background-color: var(--trailmark-harvest-orange);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
color: var(--trailmark-cloud);
|
|
}
|
|
|
|
.theme-light .internal-link,
|
|
.theme-light .cm-hmd-internal-link,
|
|
.theme-light .cm-hmd-internal-link .cm-underline,
|
|
.theme-light .markdown-rendered .internal-link,
|
|
.theme-light .markdown-preview-view .internal-link {
|
|
color: var(--trailmark-moonstone);
|
|
}
|
|
|
|
.theme-dark .internal-link,
|
|
.theme-dark .cm-hmd-internal-link,
|
|
.theme-dark .cm-hmd-internal-link .cm-underline,
|
|
.theme-dark .markdown-rendered .internal-link,
|
|
.theme-dark .markdown-preview-view .internal-link,
|
|
.theme-dark code:not(pre code),
|
|
.theme-dark .cm-inline-code {
|
|
color: var(--trailmark-seafoam);
|
|
}
|
|
|
|
/* Plugin support: Dataview and Forge */
|
|
.theme-dark .block-language-dataview,
|
|
.theme-dark .dataview,
|
|
.theme-dark .dataview.table-view-table,
|
|
.theme-dark .table-view-table {
|
|
--table-row-background-hover: #18313F;
|
|
color: var(--trailmark-fog);
|
|
}
|
|
|
|
.theme-light .block-language-dataview,
|
|
.theme-light .dataview,
|
|
.theme-light .dataview.table-view-table,
|
|
.theme-light .table-view-table {
|
|
--table-row-background-hover: #EEF1F3;
|
|
color: var(--trailmark-black);
|
|
}
|
|
|
|
.theme-dark .dataview.table-view-table,
|
|
.theme-dark .dataview.table-view-table th,
|
|
.theme-dark .dataview.table-view-table td {
|
|
border-color: var(--trailmark-dark-border);
|
|
}
|
|
|
|
.theme-light .dataview.table-view-table,
|
|
.theme-light .dataview.table-view-table th,
|
|
.theme-light .dataview.table-view-table td {
|
|
border-color: var(--trailmark-light-border);
|
|
}
|
|
|
|
.theme-dark .dataview.table-view-table th {
|
|
background: var(--trailmark-dark-nav-bg);
|
|
color: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-light .dataview.table-view-table th {
|
|
background: var(--trailmark-moonstone);
|
|
color: var(--trailmark-cloud);
|
|
}
|
|
|
|
.theme-dark .dataview.table-view-table td {
|
|
background: var(--trailmark-dark-surface);
|
|
}
|
|
|
|
.theme-light .dataview.table-view-table td {
|
|
background: var(--trailmark-light-surface);
|
|
}
|
|
|
|
.theme-dark .dataview.table-view-table tr:nth-child(even) td {
|
|
background: var(--trailmark-dark-bg-subtle);
|
|
}
|
|
|
|
.theme-light .dataview.table-view-table tr:nth-child(even) td {
|
|
background: var(--trailmark-light-surface-alt);
|
|
}
|
|
|
|
.theme-dark .dataview.inline-field-key,
|
|
.theme-dark .dataview.inline-field-value,
|
|
.theme-dark .dataview.inline-field-standalone-value {
|
|
background: var(--trailmark-dark-surface-alt);
|
|
border-color: var(--trailmark-dark-border);
|
|
color: var(--trailmark-seafoam);
|
|
}
|
|
|
|
.theme-light .dataview.inline-field-key,
|
|
.theme-light .dataview.inline-field-value,
|
|
.theme-light .dataview.inline-field-standalone-value {
|
|
background: var(--trailmark-light-bg-subtle);
|
|
border-color: var(--trailmark-light-border);
|
|
color: var(--trailmark-moonstone);
|
|
}
|
|
|
|
.theme-dark div.dataview-error-box {
|
|
background: rgba(255, 84, 50, 0.1);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
.theme-light div.dataview-error-box {
|
|
background: rgba(255, 84, 50, 0.07);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
.theme-dark .forge-health-dashboard,
|
|
.theme-dark .forge-modal .modal-content,
|
|
.theme-dark .forge-ms-panel,
|
|
.theme-dark .forge-restore-item,
|
|
.theme-dark .forge-health-issue-group,
|
|
.theme-dark .forge-health-issue,
|
|
.theme-dark .forge-shape-fields {
|
|
background: var(--trailmark-dark-bg);
|
|
border-color: var(--trailmark-dark-border);
|
|
color: var(--trailmark-fog);
|
|
}
|
|
|
|
.theme-light .forge-health-dashboard,
|
|
.theme-light .forge-modal .modal-content,
|
|
.theme-light .forge-ms-panel,
|
|
.theme-light .forge-restore-item,
|
|
.theme-light .forge-health-issue-group,
|
|
.theme-light .forge-health-issue,
|
|
.theme-light .forge-shape-fields {
|
|
background: var(--trailmark-light-bg);
|
|
border-color: var(--trailmark-light-border);
|
|
color: var(--trailmark-black);
|
|
}
|
|
|
|
.theme-dark .forge-health-dashboard *,
|
|
.theme-light .forge-health-dashboard * {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.theme-dark .forge-health-dashboard {
|
|
--forge-health-good: var(--trailmark-seafoam);
|
|
--forge-health-warning: #FFB36A;
|
|
--forge-health-critical: var(--trailmark-campfire);
|
|
--forge-health-muted: var(--text-muted);
|
|
}
|
|
|
|
.theme-light .forge-health-dashboard {
|
|
--forge-health-good: #167B78;
|
|
--forge-health-warning: #9A5A16;
|
|
--forge-health-critical: #C94A32;
|
|
--forge-health-muted: var(--text-muted);
|
|
}
|
|
|
|
.theme-dark :is(.forge-health-header, .forge-health-section, .forge-health-section-header, .forge-health-section-header h2, .forge-health-section-header h3, .forge-health-section-status, .forge-health-pill)[data-status="good"],
|
|
.theme-light :is(.forge-health-header, .forge-health-section, .forge-health-section-header, .forge-health-section-header h2, .forge-health-section-header h3, .forge-health-section-status, .forge-health-pill)[data-status="good"] {
|
|
--forge-health-status-color: var(--forge-health-good);
|
|
}
|
|
|
|
.theme-dark :is(.forge-health-header, .forge-health-section, .forge-health-section-header, .forge-health-section-header h2, .forge-health-section-header h3, .forge-health-section-status, .forge-health-pill)[data-status="warning"],
|
|
.theme-light :is(.forge-health-header, .forge-health-section, .forge-health-section-header, .forge-health-section-header h2, .forge-health-section-header h3, .forge-health-section-status, .forge-health-pill)[data-status="warning"] {
|
|
--forge-health-status-color: var(--forge-health-warning);
|
|
}
|
|
|
|
.theme-dark :is(.forge-health-header, .forge-health-section, .forge-health-section-header, .forge-health-section-header h2, .forge-health-section-header h3, .forge-health-section-status, .forge-health-pill)[data-status="critical"],
|
|
.theme-light :is(.forge-health-header, .forge-health-section, .forge-health-section-header, .forge-health-section-header h2, .forge-health-section-header h3, .forge-health-section-status, .forge-health-pill)[data-status="critical"] {
|
|
--forge-health-status-color: var(--forge-health-critical);
|
|
}
|
|
|
|
.theme-dark :is(.forge-health-header, .forge-health-section, .forge-health-section-header, .forge-health-section-header h2, .forge-health-section-header h3, .forge-health-section-status, .forge-health-pill)[data-status="muted"],
|
|
.theme-light :is(.forge-health-header, .forge-health-section, .forge-health-section-header, .forge-health-section-header h2, .forge-health-section-header h3, .forge-health-section-status, .forge-health-pill)[data-status="muted"] {
|
|
--forge-health-status-color: var(--forge-health-muted);
|
|
}
|
|
|
|
.theme-dark .forge-health-section[data-status],
|
|
.theme-light .forge-health-section[data-status] {
|
|
border-top: 1px solid color-mix(in srgb, var(--forge-health-status-color) 45%, transparent);
|
|
}
|
|
|
|
.theme-dark .forge-health-section[data-status] .forge-health-section-header,
|
|
.theme-light .forge-health-section[data-status] .forge-health-section-header {
|
|
background: color-mix(in srgb, var(--forge-health-status-color) 8%, transparent);
|
|
}
|
|
|
|
.theme-dark :is(.forge-health-header h1, .forge-health-header h2, .forge-health-section-header h2, .forge-health-section-header h3)[data-status],
|
|
.theme-dark :is(.forge-health-header, .forge-health-section-header)[data-status] :is(h1, h2, h3),
|
|
.theme-light :is(.forge-health-header h1, .forge-health-header h2, .forge-health-section-header h2, .forge-health-section-header h3)[data-status],
|
|
.theme-light :is(.forge-health-header, .forge-health-section-header)[data-status] :is(h1, h2, h3) {
|
|
color: var(--forge-health-status-color);
|
|
}
|
|
|
|
.theme-dark .forge-health-header h1,
|
|
.theme-dark .forge-health-header h2 {
|
|
color: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-light .forge-health-header h1,
|
|
.theme-light .forge-health-header h2 {
|
|
color: var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
.theme-dark .forge-health-section-header h2,
|
|
.theme-dark .forge-health-section-header h3 {
|
|
color: var(--trailmark-route-pale);
|
|
}
|
|
|
|
.theme-light .forge-health-section-header h2,
|
|
.theme-light .forge-health-section-header h3 {
|
|
color: #416F82;
|
|
}
|
|
|
|
.theme-dark .forge-health-section-toggle,
|
|
.theme-dark .forge-health-section-status,
|
|
.theme-dark .forge-health-pill {
|
|
background: var(--trailmark-dark-bg-subtle);
|
|
border-color: var(--trailmark-dark-border);
|
|
color: var(--trailmark-dark-text-muted);
|
|
}
|
|
|
|
.theme-light .forge-health-section-toggle,
|
|
.theme-light .forge-health-section-status,
|
|
.theme-light .forge-health-pill {
|
|
background: var(--trailmark-light-surface);
|
|
border-color: var(--trailmark-light-border);
|
|
color: var(--trailmark-light-text-muted);
|
|
}
|
|
|
|
.theme-dark :is(.forge-health-section-status, .forge-health-pill)[data-status="good"],
|
|
.theme-dark .forge-health-issue-group-count[data-severity="info"] {
|
|
background: rgba(111, 240, 232, 0.1);
|
|
border-color: rgba(111, 240, 232, 0.45);
|
|
color: var(--forge-health-status-color, var(--trailmark-seafoam));
|
|
}
|
|
|
|
.theme-light :is(.forge-health-section-status, .forge-health-pill)[data-status="good"],
|
|
.theme-light .forge-health-issue-group-count[data-severity="info"] {
|
|
background: rgba(22, 123, 120, 0.08);
|
|
border-color: rgba(22, 123, 120, 0.34);
|
|
color: var(--forge-health-status-color, #167B78);
|
|
}
|
|
|
|
.theme-dark :is(.forge-health-section-status, .forge-health-pill)[data-status="warning"],
|
|
.theme-dark .forge-health-issue-group-count[data-severity="warning"] {
|
|
background: rgba(255, 179, 106, 0.1);
|
|
border-color: rgba(255, 179, 106, 0.44);
|
|
color: var(--forge-health-status-color, #FFB36A);
|
|
}
|
|
|
|
.theme-light :is(.forge-health-section-status, .forge-health-pill)[data-status="warning"],
|
|
.theme-light .forge-health-issue-group-count[data-severity="warning"] {
|
|
background: rgba(154, 90, 22, 0.08);
|
|
border-color: rgba(154, 90, 22, 0.34);
|
|
color: var(--forge-health-status-color, #9A5A16);
|
|
}
|
|
|
|
.theme-dark :is(.forge-health-section-status, .forge-health-pill)[data-status="critical"],
|
|
.theme-dark .forge-health-issue-group-count[data-severity="critical"] {
|
|
background: rgba(255, 84, 50, 0.12);
|
|
border-color: rgba(255, 84, 50, 0.58);
|
|
color: var(--forge-health-status-color, var(--trailmark-campfire));
|
|
}
|
|
|
|
.theme-light :is(.forge-health-section-status, .forge-health-pill)[data-status="critical"],
|
|
.theme-light .forge-health-issue-group-count[data-severity="critical"] {
|
|
background: rgba(201, 74, 50, 0.09);
|
|
border-color: rgba(201, 74, 50, 0.42);
|
|
color: var(--forge-health-status-color, #C94A32);
|
|
}
|
|
|
|
.theme-dark :is(.forge-health-section-status, .forge-health-pill)[data-status="muted"],
|
|
.theme-light :is(.forge-health-section-status, .forge-health-pill)[data-status="muted"] {
|
|
color: var(--forge-health-status-color, var(--text-muted));
|
|
}
|
|
|
|
.theme-dark .forge-health-section-status.is-good,
|
|
.theme-dark .forge-health-pill.is-good,
|
|
.theme-dark .forge-count-changed,
|
|
.theme-dark .forge-success-msg {
|
|
color: var(--trailmark-seafoam);
|
|
}
|
|
|
|
.theme-light .forge-health-section-status.is-good,
|
|
.theme-light .forge-health-pill.is-good,
|
|
.theme-light .forge-count-changed,
|
|
.theme-light .forge-success-msg {
|
|
color: #167B78;
|
|
}
|
|
|
|
.theme-dark .forge-health-metric,
|
|
.theme-dark .forge-field-order-item,
|
|
.theme-dark .forge-tag-toggle,
|
|
.theme-dark .forge-ms-trigger {
|
|
background: var(--trailmark-dark-surface);
|
|
border-color: var(--trailmark-dark-border);
|
|
color: var(--trailmark-fog);
|
|
}
|
|
|
|
.theme-light .forge-health-metric,
|
|
.theme-light .forge-field-order-item,
|
|
.theme-light .forge-tag-toggle,
|
|
.theme-light .forge-ms-trigger {
|
|
background: var(--trailmark-light-surface);
|
|
border-color: var(--trailmark-light-border);
|
|
color: var(--trailmark-black);
|
|
}
|
|
|
|
.theme-dark .forge-health-metric :is(small, span, p),
|
|
.theme-dark .forge-health-muted,
|
|
.theme-dark .forge-health-meta {
|
|
color: var(--trailmark-dark-text-muted);
|
|
}
|
|
|
|
.theme-light .forge-health-metric :is(small, span, p),
|
|
.theme-light .forge-health-muted,
|
|
.theme-light .forge-health-meta {
|
|
color: var(--trailmark-light-text-muted);
|
|
}
|
|
|
|
.theme-dark .forge-health-dashboard button.forge-health-action-button,
|
|
.theme-dark .forge-health-dashboard .forge-health-issue-controls button {
|
|
background: var(--trailmark-dark-surface);
|
|
border: 1px solid var(--trailmark-dark-border);
|
|
color: var(--trailmark-fog);
|
|
}
|
|
|
|
.theme-light .forge-health-dashboard button.forge-health-action-button,
|
|
.theme-light .forge-health-dashboard .forge-health-issue-controls button {
|
|
background: var(--trailmark-light-surface);
|
|
border: 1px solid var(--trailmark-light-border);
|
|
color: var(--trailmark-black);
|
|
}
|
|
|
|
.theme-dark .forge-health-dashboard button.forge-health-action-button:hover,
|
|
.theme-dark .forge-health-dashboard .forge-health-issue-controls button:hover {
|
|
background: var(--trailmark-dark-surface-alt);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
box-shadow: 0 0 0 2px rgba(255, 84, 50, 0.22);
|
|
color: var(--trailmark-cloud);
|
|
}
|
|
|
|
.theme-light .forge-health-dashboard button.forge-health-action-button:hover,
|
|
.theme-light .forge-health-dashboard .forge-health-issue-controls button:hover {
|
|
background: var(--trailmark-light-bg-subtle);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
box-shadow: 0 0 0 2px rgba(255, 84, 50, 0.16);
|
|
color: var(--trailmark-moonstone);
|
|
}
|
|
|
|
.theme-dark .forge-health-dashboard button.forge-health-action-button:focus-visible,
|
|
.theme-dark .forge-health-dashboard .forge-health-issue-controls button:focus-visible,
|
|
.theme-light .forge-health-dashboard button.forge-health-action-button:focus-visible,
|
|
.theme-light .forge-health-dashboard .forge-health-issue-controls button:focus-visible {
|
|
border-color: var(--trailmark-harvest-orange);
|
|
box-shadow: 0 0 0 2px rgba(255, 84, 50, 0.28);
|
|
}
|
|
|
|
.theme-dark .forge-health-dashboard button.forge-health-action-primary,
|
|
.theme-light .forge-health-dashboard button.forge-health-action-primary {
|
|
font-weight: 650;
|
|
}
|
|
|
|
.theme-dark .forge-tab-btn {
|
|
background: transparent;
|
|
border-color: transparent;
|
|
color: var(--trailmark-dark-text-muted);
|
|
}
|
|
|
|
.theme-light .forge-tab-btn {
|
|
background: transparent;
|
|
border-color: transparent;
|
|
color: var(--trailmark-light-text-muted);
|
|
}
|
|
|
|
.theme-dark .forge-tab-btn:hover {
|
|
background: var(--trailmark-dark-surface-alt);
|
|
color: var(--trailmark-cloud);
|
|
}
|
|
|
|
.theme-light .forge-tab-btn:hover {
|
|
background: var(--trailmark-light-bg-subtle);
|
|
color: var(--trailmark-moonstone);
|
|
}
|
|
|
|
.theme-dark .forge-tab-btn.is-active,
|
|
.theme-dark .forge-tag-toggle.active,
|
|
.theme-dark .forge-ms-box-checked {
|
|
background: var(--trailmark-harvest-orange);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
color: var(--trailmark-cloud);
|
|
}
|
|
|
|
.theme-light .forge-tab-btn.is-active,
|
|
.theme-light .forge-tag-toggle.active,
|
|
.theme-light .forge-ms-box-checked {
|
|
background: var(--trailmark-harvest-orange);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
color: var(--trailmark-cloud);
|
|
}
|
|
|
|
.theme-dark .forge-ms-chip,
|
|
.theme-light .forge-ms-chip {
|
|
background: var(--background-modifier-hover);
|
|
border: 1px solid var(--background-modifier-border);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* Keep Live Preview headings easy to edit: no rendered bars inside source mode. */
|
|
.theme-dark .markdown-source-view.mod-cm6 :is(
|
|
.cm-line.HyperMD-header-1,
|
|
.cm-line.HyperMD-header-2,
|
|
.cm-line.HyperMD-header-3,
|
|
.cm-line.HyperMD-header-4,
|
|
.cm-line.HyperMD-header-5,
|
|
.cm-line.HyperMD-header-6,
|
|
.cm-header-1,
|
|
.cm-header-2,
|
|
.cm-header-3,
|
|
.cm-header-4,
|
|
.cm-header-5,
|
|
.cm-header-6
|
|
),
|
|
.theme-light .markdown-source-view.mod-cm6 :is(
|
|
.cm-line.HyperMD-header-1,
|
|
.cm-line.HyperMD-header-2,
|
|
.cm-line.HyperMD-header-3,
|
|
.cm-line.HyperMD-header-4,
|
|
.cm-line.HyperMD-header-5,
|
|
.cm-line.HyperMD-header-6,
|
|
.cm-header-1,
|
|
.cm-header-2,
|
|
.cm-header-3,
|
|
.cm-header-4,
|
|
.cm-header-5,
|
|
.cm-header-6
|
|
) {
|
|
border-left: 0;
|
|
padding-left: 0;
|
|
border-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
/* Trail edge pass: utilitarian settings, folder depth, graph contrast. */
|
|
.theme-dark .modal.mod-settings .setting-item,
|
|
.theme-dark .vertical-tab-content .setting-item,
|
|
.theme-dark .community-modal .setting-item {
|
|
background: transparent;
|
|
border-color: rgba(41, 68, 82, 0.72);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-heading,
|
|
.theme-dark .vertical-tab-content .setting-item-heading,
|
|
.theme-dark .modal.mod-settings h1,
|
|
.theme-dark .modal.mod-settings h2,
|
|
.theme-dark .vertical-tab-content h1,
|
|
.theme-dark .vertical-tab-content h2 {
|
|
background: transparent;
|
|
border: 0;
|
|
box-shadow: none;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-control,
|
|
.theme-dark .vertical-tab-content .setting-item-control {
|
|
background: transparent;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-control button.mod-cta,
|
|
.theme-dark .vertical-tab-content .setting-item-control button.mod-cta {
|
|
background: var(--trailmark-harvest-orange);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
color: var(--trailmark-cloud);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings,
|
|
.theme-dark .modal.mod-settings .modal-content,
|
|
.theme-dark .modal.mod-settings .vertical-tab-content,
|
|
.theme-dark .modal.mod-settings .vertical-tab-content-container,
|
|
.theme-dark .modal.mod-settings .settings-container {
|
|
background: color-mix(in srgb, var(--trailmark-dark-bg) 76%, #000);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-content > div:not(.setting-item):not(.setting-item-heading) {
|
|
background: var(--trailmark-dark-bg);
|
|
border: 0;
|
|
border-radius: 28px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item,
|
|
.theme-dark .modal.mod-settings .setting-item.mod-toggle,
|
|
.theme-dark .modal.mod-settings .setting-item:not(.setting-item-heading) {
|
|
border: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item:hover {
|
|
background: transparent;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings select,
|
|
.theme-dark .modal.mod-settings .dropdown,
|
|
.theme-dark .modal.mod-settings input,
|
|
.theme-dark .modal.mod-settings textarea,
|
|
.theme-dark .modal.mod-settings button:not(.mod-warning),
|
|
.theme-dark .modal.mod-settings .setting-item-control button,
|
|
.theme-dark .modal.mod-settings .clickable-icon {
|
|
border-radius: 999px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings select,
|
|
.theme-dark .modal.mod-settings .dropdown,
|
|
.theme-dark .modal.mod-settings input,
|
|
.theme-dark .modal.mod-settings textarea,
|
|
.theme-dark .modal.mod-settings button:not(.mod-cta):not(.mod-warning) {
|
|
background: var(--trailmark-dark-bg-subtle);
|
|
border-color: var(--trailmark-dark-border);
|
|
color: var(--trailmark-dark-text);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings button.mod-cta,
|
|
.theme-dark .modal.mod-settings .mod-cta,
|
|
.theme-dark .modal.mod-settings .checkbox-container.is-enabled {
|
|
background-color: var(--trailmark-harvest-orange);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
color: var(--trailmark-cloud);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .checkbox-container {
|
|
background-color: var(--trailmark-dark-surface-alt);
|
|
border-color: var(--trailmark-dark-border);
|
|
border-radius: 999px;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-heading {
|
|
color: var(--trailmark-dark-text);
|
|
margin-top: 18px;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.theme-dark .vertical-tab-content,
|
|
.theme-dark .vertical-tab-content-container,
|
|
.theme-dark .settings-container {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .vertical-tab-content > div:not(.setting-item):not(.setting-item-heading) {
|
|
border: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .vertical-tab-content .setting-item-heading {
|
|
position: relative;
|
|
z-index: 1;
|
|
margin: 34px 0 14px;
|
|
padding: 0;
|
|
}
|
|
|
|
.theme-dark .vertical-tab-content .setting-item,
|
|
.theme-dark .vertical-tab-content .setting-item.mod-toggle,
|
|
.theme-dark .vertical-tab-content .setting-item:not(.setting-item-heading) {
|
|
border: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.theme-dark .vertical-tab-content select,
|
|
.theme-dark .vertical-tab-content .dropdown,
|
|
.theme-dark .vertical-tab-content input,
|
|
.theme-dark .vertical-tab-content textarea,
|
|
.theme-dark .vertical-tab-content button:not(.mod-warning),
|
|
.theme-dark .vertical-tab-content .setting-item-control button,
|
|
.theme-dark .vertical-tab-content .clickable-icon,
|
|
.theme-dark .vertical-tab-content .checkbox-container {
|
|
border-radius: 999px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .nav-files-container {
|
|
--trailmark-folder-depth-color: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-title,
|
|
.theme-dark .nav-files-container .nav-folder-title .tree-item-inner,
|
|
.theme-dark .nav-files-container .nav-folder-title .nav-folder-title-content,
|
|
.theme-dark .nav-files-container .nav-folder-title .collapse-icon {
|
|
color: var(--trailmark-folder-depth-color);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-seafoam);
|
|
border-left-width: 1px;
|
|
border-left-style: solid;
|
|
border-left-color: rgba(255, 138, 112, 0.34);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-route-soft);
|
|
border-left-color: rgba(111, 240, 232, 0.30);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-harvest-orange);
|
|
border-left-color: rgba(95, 145, 165, 0.32);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-seafoam-soft);
|
|
border-left-color: rgba(255, 84, 50, 0.30);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-stone);
|
|
border-left-color: rgba(168, 255, 248, 0.28);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-campfire);
|
|
border-left-color: rgba(157, 174, 182, 0.30);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-seafoam);
|
|
border-left-color: rgba(255, 138, 112, 0.34);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-route-soft);
|
|
border-left-color: rgba(111, 240, 232, 0.30);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-file-title,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-file-title,
|
|
.theme-dark .nav-files-container .nav-file-title .nav-file-title-content,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-file-title .tree-item-inner {
|
|
color: var(--trailmark-dark-file);
|
|
}
|
|
|
|
.theme-dark .workspace-leaf.mod-active {
|
|
box-shadow:
|
|
inset 2px 0 0 var(--trailmark-seafoam),
|
|
inset 0 1px 0 rgba(111, 240, 232, 0.32),
|
|
inset 0 0 0 1px rgba(41, 68, 82, 0.58);
|
|
}
|
|
|
|
.theme-dark .workspace-leaf.mod-active .view-header {
|
|
border-bottom-color: rgba(111, 240, 232, 0.38);
|
|
}
|
|
|
|
.theme-dark .metadata-properties {
|
|
background: #08141D;
|
|
border-color: #263A45;
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(245, 247, 248, 0.025),
|
|
0 0 0 1px rgba(5, 8, 12, 0.72);
|
|
}
|
|
|
|
/* Mermaid: CSS-only control, using fake-ID specificity for SVG internals. */
|
|
.theme-dark .mermaid,
|
|
.theme-dark .mermaid svg,
|
|
.theme-light .mermaid,
|
|
.theme-light .mermaid svg {
|
|
background: transparent;
|
|
}
|
|
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .node rect,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .node circle,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .node ellipse,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .node polygon,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .node path {
|
|
fill: color-mix(in srgb, var(--trailmark-dark-surface) 74%, var(--trailmark-dark-bg));
|
|
stroke: color-mix(in srgb, var(--trailmark-seafoam) 72%, var(--trailmark-dark-border));
|
|
stroke-width: 1.4px;
|
|
fill-opacity: 0.88;
|
|
stroke-opacity: 1;
|
|
}
|
|
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .edgePath .path,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .flowchart-link,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .messageLine0,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .messageLine1 {
|
|
stroke: color-mix(in srgb, var(--trailmark-dark-text-muted) 76%, var(--trailmark-dark-border));
|
|
stroke-width: 1.25px;
|
|
}
|
|
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) marker path,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .arrowheadPath {
|
|
fill: color-mix(in srgb, var(--trailmark-dark-text-muted) 76%, var(--trailmark-dark-border));
|
|
stroke: color-mix(in srgb, var(--trailmark-dark-text-muted) 76%, var(--trailmark-dark-border));
|
|
}
|
|
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) svg text,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) svg tspan,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .label,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .label *,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .nodeLabel,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .nodeLabel *,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) foreignObject div,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) foreignObject span,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) foreignObject p {
|
|
color: var(--trailmark-fog);
|
|
fill: var(--trailmark-fog);
|
|
}
|
|
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .edgeLabel,
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .edgeLabel p {
|
|
background: color-mix(in srgb, var(--trailmark-harvest-orange) 15%, var(--trailmark-dark-bg));
|
|
}
|
|
|
|
.theme-dark :is(#trailmark-mermaid-override, .mermaid) .edgeLabel p {
|
|
color: color-mix(in srgb, var(--trailmark-harvest-orange) 78%, var(--trailmark-cloud));
|
|
border: 1px solid color-mix(in srgb, var(--trailmark-harvest-orange) 48%, transparent);
|
|
border-radius: var(--trailmark-radius-s);
|
|
}
|
|
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .node rect,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .node circle,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .node ellipse,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .node polygon,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .node path {
|
|
fill: color-mix(in srgb, var(--trailmark-light-surface) 88%, var(--trailmark-light-bg-subtle));
|
|
stroke: color-mix(in srgb, #167B78 74%, var(--trailmark-moonstone));
|
|
stroke-width: 1.35px;
|
|
fill-opacity: 1;
|
|
}
|
|
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .edgePath .path,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .flowchart-link,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .messageLine0,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .messageLine1 {
|
|
stroke: color-mix(in srgb, var(--trailmark-light-text-muted) 78%, var(--trailmark-moonstone));
|
|
stroke-width: 1.2px;
|
|
}
|
|
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) marker path,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .arrowheadPath {
|
|
fill: color-mix(in srgb, var(--trailmark-harvest-orange) 72%, var(--trailmark-moonstone));
|
|
stroke: color-mix(in srgb, var(--trailmark-harvest-orange) 72%, var(--trailmark-moonstone));
|
|
}
|
|
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) svg text,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) svg tspan,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .label,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .label *,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .nodeLabel,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .nodeLabel *,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) foreignObject div,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) foreignObject span,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) foreignObject p {
|
|
color: var(--trailmark-moonstone);
|
|
fill: var(--trailmark-moonstone);
|
|
}
|
|
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .edgeLabel,
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .edgeLabel p {
|
|
background: color-mix(in srgb, var(--trailmark-harvest-orange) 10%, var(--trailmark-cloud));
|
|
}
|
|
|
|
.theme-light :is(#trailmark-mermaid-override, .mermaid) .edgeLabel p {
|
|
color: color-mix(in srgb, var(--trailmark-harvest-orange) 78%, var(--trailmark-moonstone));
|
|
border: 1px solid color-mix(in srgb, var(--trailmark-harvest-orange) 42%, transparent);
|
|
border-radius: var(--trailmark-radius-s);
|
|
}
|
|
|
|
/* Standard parity pass, translated to Trailmark waypoints and trail-edge markers. */
|
|
.theme-dark,
|
|
body[data-theme='dark'] {
|
|
--trailmark-signal-primary: var(--trailmark-seafoam);
|
|
--trailmark-signal-action: var(--trailmark-harvest-orange);
|
|
--trailmark-signal-support: var(--trailmark-route-soft);
|
|
--trailmark-signal-danger: var(--trailmark-campfire);
|
|
--trailmark-signal-muted: #8EA1AA;
|
|
--trailmark-callout-signal: var(--trailmark-signal-action);
|
|
--trailmark-current-note-title-signal: var(--trailmark-seafoam);
|
|
}
|
|
|
|
.theme-light,
|
|
body[data-theme='light'] {
|
|
--trailmark-signal-primary: #167B78;
|
|
--trailmark-signal-action: var(--trailmark-harvest-orange);
|
|
--trailmark-signal-support: var(--trailmark-route-muted);
|
|
--trailmark-signal-danger: #C94A32;
|
|
--trailmark-signal-muted: #647784;
|
|
--trailmark-callout-signal: var(--trailmark-signal-action);
|
|
--trailmark-current-note-title-signal: var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
.theme-dark .callout,
|
|
.theme-light .callout {
|
|
position: relative;
|
|
}
|
|
|
|
.theme-dark .callout .callout-title,
|
|
.theme-light .callout .callout-title {
|
|
position: relative;
|
|
gap: 0.45em;
|
|
padding-left: 0;
|
|
padding-bottom: 0.28em;
|
|
}
|
|
|
|
.theme-dark .callout .callout-title::before,
|
|
.theme-light .callout .callout-title::before {
|
|
content: none;
|
|
}
|
|
|
|
.theme-dark .callout .callout-title::after,
|
|
.theme-light .callout .callout-title::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: min(8.5rem, 44%);
|
|
height: 1px;
|
|
border-radius: 999px;
|
|
background: color-mix(in srgb, var(--trailmark-callout-signal) 58%, transparent);
|
|
}
|
|
|
|
.theme-dark .callout .callout-icon,
|
|
.theme-light .callout .callout-icon {
|
|
color: var(--trailmark-callout-signal);
|
|
}
|
|
|
|
.theme-dark .callout .callout-icon svg,
|
|
.theme-dark .callout .callout-icon .svg-icon,
|
|
.theme-light .callout .callout-icon svg,
|
|
.theme-light .callout .callout-icon .svg-icon {
|
|
color: var(--trailmark-callout-signal);
|
|
stroke: currentColor;
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='info'],
|
|
.theme-dark .callout[data-callout='tip'],
|
|
.theme-dark .callout[data-callout='hint'],
|
|
.theme-light .callout[data-callout='info'],
|
|
.theme-light .callout[data-callout='tip'],
|
|
.theme-light .callout[data-callout='hint'] {
|
|
--trailmark-callout-signal: var(--trailmark-signal-primary);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='success'],
|
|
.theme-dark .callout[data-callout='check'],
|
|
.theme-dark .callout[data-callout='done'],
|
|
.theme-dark .callout[data-callout='todo'],
|
|
.theme-light .callout[data-callout='success'],
|
|
.theme-light .callout[data-callout='check'],
|
|
.theme-light .callout[data-callout='done'],
|
|
.theme-light .callout[data-callout='todo'] {
|
|
--trailmark-callout-signal: var(--trailmark-seafoam);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='warning'],
|
|
.theme-dark .callout[data-callout='caution'],
|
|
.theme-dark .callout[data-callout='question'],
|
|
.theme-dark .callout[data-callout='help'],
|
|
.theme-dark .callout[data-callout='faq'],
|
|
.theme-dark .callout[data-callout='attention'],
|
|
.theme-light .callout[data-callout='warning'],
|
|
.theme-light .callout[data-callout='caution'],
|
|
.theme-light .callout[data-callout='question'],
|
|
.theme-light .callout[data-callout='help'],
|
|
.theme-light .callout[data-callout='faq'],
|
|
.theme-light .callout[data-callout='attention'] {
|
|
--trailmark-callout-signal: var(--trailmark-signal-action);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='danger'],
|
|
.theme-dark .callout[data-callout='error'],
|
|
.theme-dark .callout[data-callout='fail'],
|
|
.theme-dark .callout[data-callout='failure'],
|
|
.theme-dark .callout[data-callout='missing'],
|
|
.theme-dark .callout[data-callout='bug'],
|
|
.theme-light .callout[data-callout='danger'],
|
|
.theme-light .callout[data-callout='error'],
|
|
.theme-light .callout[data-callout='fail'],
|
|
.theme-light .callout[data-callout='failure'],
|
|
.theme-light .callout[data-callout='missing'],
|
|
.theme-light .callout[data-callout='bug'] {
|
|
--trailmark-callout-signal: var(--trailmark-signal-danger);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='default'],
|
|
.theme-dark .callout[data-callout='note'],
|
|
.theme-dark .callout[data-callout='abstract'],
|
|
.theme-dark .callout[data-callout='summary'],
|
|
.theme-dark .callout[data-callout='tldr'],
|
|
.theme-dark .callout[data-callout='example'],
|
|
.theme-dark .callout[data-callout='important'],
|
|
.theme-light .callout[data-callout='default'],
|
|
.theme-light .callout[data-callout='note'],
|
|
.theme-light .callout[data-callout='abstract'],
|
|
.theme-light .callout[data-callout='summary'],
|
|
.theme-light .callout[data-callout='tldr'],
|
|
.theme-light .callout[data-callout='example'],
|
|
.theme-light .callout[data-callout='important'] {
|
|
--trailmark-callout-signal: var(--trailmark-signal-muted);
|
|
}
|
|
|
|
.theme-dark .callout[data-callout='quote'],
|
|
.theme-dark .callout[data-callout='cite'],
|
|
.theme-light .callout[data-callout='quote'],
|
|
.theme-light .callout[data-callout='cite'] {
|
|
--trailmark-callout-signal: var(--trailmark-signal-support);
|
|
}
|
|
|
|
.theme-dark .callout .callout {
|
|
border-left-width: 2px;
|
|
background:
|
|
linear-gradient(
|
|
90deg,
|
|
color-mix(in srgb, var(--trailmark-callout-signal) 4%, var(--trailmark-dark-bg)),
|
|
color-mix(in srgb, var(--trailmark-dark-bg-subtle) 88%, var(--trailmark-dark-bg)) 22%,
|
|
color-mix(in srgb, var(--trailmark-dark-bg-subtle) 88%, var(--trailmark-dark-bg))
|
|
);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-light .callout .callout {
|
|
border-left-width: 2px;
|
|
background:
|
|
linear-gradient(
|
|
90deg,
|
|
color-mix(in srgb, var(--trailmark-callout-signal) 8%, var(--trailmark-light-bg-subtle)),
|
|
var(--trailmark-light-bg-subtle) 22%,
|
|
var(--trailmark-light-bg-subtle)
|
|
);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .callout.is-collapsed,
|
|
.theme-dark .callout[data-callout-fold='-'],
|
|
.theme-light .callout.is-collapsed,
|
|
.theme-light .callout[data-callout-fold='-'] {
|
|
border-left-width: 4px;
|
|
box-shadow:
|
|
inset 1px 0 0 color-mix(in srgb, var(--trailmark-callout-signal) 44%, transparent),
|
|
0 0 12px color-mix(in srgb, var(--trailmark-callout-signal) 7%, transparent);
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
.theme-dark .callout,
|
|
.theme-light .callout {
|
|
padding: 0.72em 0.84em;
|
|
border-left-width: 3px;
|
|
}
|
|
|
|
.theme-dark .callout .callout-title,
|
|
.theme-light .callout .callout-title,
|
|
.theme-dark .callout .callout-content,
|
|
.theme-light .callout .callout-content {
|
|
font-size: 0.95em;
|
|
line-height: 1.25;
|
|
}
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-quote,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-quote,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line.HyperMD-quote,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-quote {
|
|
border-left-width: 1px;
|
|
border-left-color: color-mix(in srgb, var(--trailmark-signal-muted) 28%, transparent);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-formatting-quote,
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-formatting-quote {
|
|
color: color-mix(in srgb, var(--trailmark-signal-muted) 62%, var(--text-muted));
|
|
text-shadow: none;
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-info, .cm-callout-tip, .cm-callout-hint, .cm-hmd-callout-info, .cm-hmd-callout-tip, .cm-hmd-callout-hint),
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-info, .cm-callout-tip, .cm-callout-hint, .cm-hmd-callout-info, .cm-hmd-callout-tip, .cm-hmd-callout-hint) {
|
|
border-left-color: color-mix(in srgb, var(--trailmark-signal-primary) 48%, transparent);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-success, .cm-callout-check, .cm-callout-done, .cm-callout-todo, .cm-hmd-callout-success, .cm-hmd-callout-check, .cm-hmd-callout-done, .cm-hmd-callout-todo),
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-success, .cm-callout-check, .cm-callout-done, .cm-callout-todo, .cm-hmd-callout-success, .cm-hmd-callout-check, .cm-hmd-callout-done, .cm-hmd-callout-todo) {
|
|
border-left-color: color-mix(in srgb, var(--trailmark-seafoam) 46%, transparent);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-warning, .cm-callout-caution, .cm-callout-question, .cm-callout-help, .cm-callout-faq, .cm-callout-attention, .cm-hmd-callout-warning, .cm-hmd-callout-caution, .cm-hmd-callout-question, .cm-hmd-callout-help, .cm-hmd-callout-faq, .cm-hmd-callout-attention),
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-warning, .cm-callout-caution, .cm-callout-question, .cm-callout-help, .cm-callout-faq, .cm-callout-attention, .cm-hmd-callout-warning, .cm-hmd-callout-caution, .cm-hmd-callout-question, .cm-hmd-callout-help, .cm-hmd-callout-faq, .cm-hmd-callout-attention) {
|
|
border-left-color: color-mix(in srgb, var(--trailmark-signal-action) 50%, transparent);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-danger, .cm-callout-error, .cm-callout-fail, .cm-callout-failure, .cm-callout-missing, .cm-callout-bug, .cm-hmd-callout-danger, .cm-hmd-callout-error, .cm-hmd-callout-fail, .cm-hmd-callout-failure, .cm-hmd-callout-missing, .cm-hmd-callout-bug),
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-danger, .cm-callout-error, .cm-callout-fail, .cm-callout-failure, .cm-callout-missing, .cm-callout-bug, .cm-hmd-callout-danger, .cm-hmd-callout-error, .cm-hmd-callout-fail, .cm-hmd-callout-failure, .cm-hmd-callout-missing, .cm-hmd-callout-bug) {
|
|
border-left-color: color-mix(in srgb, var(--trailmark-signal-danger) 52%, transparent);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-default, .cm-callout-note, .cm-callout-abstract, .cm-callout-summary, .cm-callout-tldr, .cm-callout-example, .cm-callout-important, .cm-hmd-callout-default, .cm-hmd-callout-note, .cm-hmd-callout-abstract, .cm-hmd-callout-summary, .cm-hmd-callout-tldr, .cm-hmd-callout-example, .cm-hmd-callout-important),
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-default, .cm-callout-note, .cm-callout-abstract, .cm-callout-summary, .cm-callout-tldr, .cm-callout-example, .cm-callout-important, .cm-hmd-callout-default, .cm-hmd-callout-note, .cm-hmd-callout-abstract, .cm-hmd-callout-summary, .cm-hmd-callout-tldr, .cm-hmd-callout-example, .cm-hmd-callout-important) {
|
|
border-left-color: color-mix(in srgb, var(--trailmark-signal-muted) 44%, transparent);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-quote, .cm-callout-cite, .cm-hmd-callout-quote, .cm-hmd-callout-cite),
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout:is(.cm-callout-quote, .cm-callout-cite, .cm-hmd-callout-quote, .cm-hmd-callout-cite) {
|
|
border-left-color: color-mix(in srgb, var(--trailmark-signal-support) 44%, transparent);
|
|
}
|
|
|
|
.theme-dark .metadata-properties-heading,
|
|
.theme-dark .metadata-container .metadata-properties-title,
|
|
.theme-dark .metadata-content .metadata-properties-title,
|
|
.theme-dark .metadata-container > .tree-item-self,
|
|
.theme-light .metadata-properties-heading,
|
|
.theme-light .metadata-container .metadata-properties-title,
|
|
.theme-light .metadata-content .metadata-properties-title,
|
|
.theme-light .metadata-container > .tree-item-self {
|
|
color: var(--text-muted);
|
|
letter-spacing: 0;
|
|
text-transform: none;
|
|
}
|
|
|
|
.theme-dark .metadata-property,
|
|
.theme-light .metadata-property {
|
|
--trailmark-property-signal: var(--trailmark-route);
|
|
border-left: 2px solid color-mix(in srgb, var(--trailmark-property-signal) 42%, transparent);
|
|
}
|
|
|
|
.theme-dark .metadata-property:nth-child(6n + 1),
|
|
.theme-light .metadata-property:nth-child(6n + 1) {
|
|
--trailmark-property-signal: var(--trailmark-route);
|
|
}
|
|
|
|
.theme-dark .metadata-property:nth-child(6n + 2),
|
|
.theme-light .metadata-property:nth-child(6n + 2) {
|
|
--trailmark-property-signal: var(--trailmark-canyon);
|
|
}
|
|
|
|
.theme-dark .metadata-property:nth-child(6n + 3),
|
|
.theme-light .metadata-property:nth-child(6n + 3) {
|
|
--trailmark-property-signal: var(--trailmark-route-muted);
|
|
}
|
|
|
|
.theme-dark .metadata-property:nth-child(6n + 4),
|
|
.theme-light .metadata-property:nth-child(6n + 4) {
|
|
--trailmark-property-signal: var(--trailmark-trail-brown);
|
|
}
|
|
|
|
.theme-dark .metadata-property:nth-child(6n + 5),
|
|
.theme-light .metadata-property:nth-child(6n + 5) {
|
|
--trailmark-property-signal: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-dark .metadata-property:nth-child(6n),
|
|
.theme-light .metadata-property:nth-child(6n) {
|
|
--trailmark-property-signal: var(--trailmark-stone);
|
|
}
|
|
|
|
.theme-dark .metadata-property-key,
|
|
.theme-dark .metadata-property-key-input,
|
|
.theme-dark .metadata-property-icon,
|
|
.theme-light .metadata-property-key,
|
|
.theme-light .metadata-property-key-input,
|
|
.theme-light .metadata-property-icon {
|
|
color: color-mix(in srgb, var(--trailmark-property-signal) 78%, var(--text-muted));
|
|
}
|
|
|
|
.theme-dark .metadata-property:hover,
|
|
.theme-light .metadata-property:hover {
|
|
background: color-mix(in srgb, var(--trailmark-property-signal) 8%, var(--background-primary-alt));
|
|
border-left-color: color-mix(in srgb, var(--trailmark-property-signal) 68%, transparent);
|
|
}
|
|
|
|
.theme-dark :is(.workspace-leaf.mod-active, .workspace-leaf-content, .markdown-source-view, .markdown-preview-view, .view-content):is(
|
|
[data-status='good' i],
|
|
[data-status='healthy' i],
|
|
[data-status='clear' i],
|
|
[data-status='valid' i],
|
|
[data-status='indexed' i],
|
|
[data-current-note-status='good' i],
|
|
[data-current-note-status='healthy' i],
|
|
[data-current-note-status='clear' i],
|
|
[data-current-note-status='valid' i],
|
|
[data-current-note-status='indexed' i],
|
|
[data-forge-current-note-status='good' i],
|
|
[data-forge-current-note-status='healthy' i],
|
|
[data-forge-current-note-status='clear' i],
|
|
[data-forge-current-note-status='valid' i],
|
|
[data-forge-current-note-status='indexed' i]
|
|
),
|
|
.theme-light :is(.workspace-leaf.mod-active, .workspace-leaf-content, .markdown-source-view, .markdown-preview-view, .view-content):is(
|
|
[data-status='good' i],
|
|
[data-status='healthy' i],
|
|
[data-status='clear' i],
|
|
[data-status='valid' i],
|
|
[data-status='indexed' i],
|
|
[data-current-note-status='good' i],
|
|
[data-current-note-status='healthy' i],
|
|
[data-current-note-status='clear' i],
|
|
[data-current-note-status='valid' i],
|
|
[data-current-note-status='indexed' i],
|
|
[data-forge-current-note-status='good' i],
|
|
[data-forge-current-note-status='healthy' i],
|
|
[data-forge-current-note-status='clear' i],
|
|
[data-forge-current-note-status='valid' i],
|
|
[data-forge-current-note-status='indexed' i]
|
|
) {
|
|
--trailmark-current-note-title-signal: var(--trailmark-signal-primary);
|
|
}
|
|
|
|
.theme-dark :is(.workspace-leaf.mod-active, .workspace-leaf-content, .markdown-source-view, .markdown-preview-view, .view-content):is(
|
|
[data-status='warning' i],
|
|
[data-status='needs attention' i],
|
|
[data-status='needs-attention' i],
|
|
[data-current-note-status='warning' i],
|
|
[data-current-note-status='needs attention' i],
|
|
[data-current-note-status='needs-attention' i],
|
|
[data-forge-current-note-status='warning' i],
|
|
[data-forge-current-note-status='needs attention' i],
|
|
[data-forge-current-note-status='needs-attention' i]
|
|
),
|
|
.theme-light :is(.workspace-leaf.mod-active, .workspace-leaf-content, .markdown-source-view, .markdown-preview-view, .view-content):is(
|
|
[data-status='warning' i],
|
|
[data-status='needs attention' i],
|
|
[data-status='needs-attention' i],
|
|
[data-current-note-status='warning' i],
|
|
[data-current-note-status='needs attention' i],
|
|
[data-current-note-status='needs-attention' i],
|
|
[data-forge-current-note-status='warning' i],
|
|
[data-forge-current-note-status='needs attention' i],
|
|
[data-forge-current-note-status='needs-attention' i]
|
|
) {
|
|
--trailmark-current-note-title-signal: var(--trailmark-signal-action);
|
|
}
|
|
|
|
.theme-dark :is(.workspace-leaf.mod-active, .workspace-leaf-content, .markdown-source-view, .markdown-preview-view, .view-content):is(
|
|
[data-status='critical' i],
|
|
[data-status='error' i],
|
|
[data-status='fail' i],
|
|
[data-status='failed' i],
|
|
[data-current-note-status='critical' i],
|
|
[data-current-note-status='error' i],
|
|
[data-current-note-status='fail' i],
|
|
[data-current-note-status='failed' i],
|
|
[data-forge-current-note-status='critical' i],
|
|
[data-forge-current-note-status='error' i],
|
|
[data-forge-current-note-status='fail' i],
|
|
[data-forge-current-note-status='failed' i]
|
|
),
|
|
.theme-light :is(.workspace-leaf.mod-active, .workspace-leaf-content, .markdown-source-view, .markdown-preview-view, .view-content):is(
|
|
[data-status='critical' i],
|
|
[data-status='error' i],
|
|
[data-status='fail' i],
|
|
[data-status='failed' i],
|
|
[data-current-note-status='critical' i],
|
|
[data-current-note-status='error' i],
|
|
[data-current-note-status='fail' i],
|
|
[data-current-note-status='failed' i],
|
|
[data-forge-current-note-status='critical' i],
|
|
[data-forge-current-note-status='error' i],
|
|
[data-forge-current-note-status='fail' i],
|
|
[data-forge-current-note-status='failed' i]
|
|
) {
|
|
--trailmark-current-note-title-signal: var(--trailmark-signal-danger);
|
|
}
|
|
|
|
.theme-dark :is(.workspace-leaf.mod-active, .workspace-leaf-content, .markdown-source-view, .markdown-preview-view, .view-content):is(
|
|
[data-status='muted' i],
|
|
[data-status='no note' i],
|
|
[data-status='no-note' i],
|
|
[data-status='exempt' i],
|
|
[data-current-note-status='muted' i],
|
|
[data-current-note-status='no note' i],
|
|
[data-current-note-status='no-note' i],
|
|
[data-current-note-status='exempt' i],
|
|
[data-forge-current-note-status='muted' i],
|
|
[data-forge-current-note-status='no note' i],
|
|
[data-forge-current-note-status='no-note' i],
|
|
[data-forge-current-note-status='exempt' i]
|
|
),
|
|
.theme-light :is(.workspace-leaf.mod-active, .workspace-leaf-content, .markdown-source-view, .markdown-preview-view, .view-content):is(
|
|
[data-status='muted' i],
|
|
[data-status='no note' i],
|
|
[data-status='no-note' i],
|
|
[data-status='exempt' i],
|
|
[data-current-note-status='muted' i],
|
|
[data-current-note-status='no note' i],
|
|
[data-current-note-status='no-note' i],
|
|
[data-current-note-status='exempt' i],
|
|
[data-forge-current-note-status='muted' i],
|
|
[data-forge-current-note-status='no note' i],
|
|
[data-forge-current-note-status='no-note' i],
|
|
[data-forge-current-note-status='exempt' i]
|
|
) {
|
|
--trailmark-current-note-title-signal: var(--trailmark-signal-muted);
|
|
}
|
|
|
|
.theme-dark :is(.workspace-leaf.mod-active, .workspace-leaf-content, .markdown-source-view, .markdown-preview-view, .view-content):is([data-status], [data-current-note-status], [data-forge-current-note-status]) :is(.inline-title, .view-header-title),
|
|
.theme-light :is(.workspace-leaf.mod-active, .workspace-leaf-content, .markdown-source-view, .markdown-preview-view, .view-content):is([data-status], [data-current-note-status], [data-forge-current-note-status]) :is(.inline-title, .view-header-title) {
|
|
border-bottom: 1px solid color-mix(in srgb, var(--trailmark-current-note-title-signal) 26%, transparent);
|
|
text-shadow: 0 0 10px color-mix(in srgb, var(--trailmark-current-note-title-signal) 5%, transparent);
|
|
}
|
|
|
|
.theme-dark .inline-title,
|
|
.theme-dark .markdown-source-view.mod-cm6 .inline-title,
|
|
.theme-light .inline-title,
|
|
.theme-light .markdown-source-view.mod-cm6 .inline-title {
|
|
border-left: 2px solid color-mix(in srgb, var(--trailmark-current-note-title-signal) 72%, transparent);
|
|
border-radius: 2px;
|
|
padding: 0.02em 0 0.04em 0.48em;
|
|
}
|
|
|
|
.theme-dark .inline-title,
|
|
.theme-dark .markdown-source-view.mod-cm6 .inline-title {
|
|
background:
|
|
linear-gradient(
|
|
90deg,
|
|
color-mix(in srgb, var(--trailmark-current-note-title-signal) 7%, transparent),
|
|
color-mix(in srgb, var(--trailmark-seafoam) 2%, transparent) 34%,
|
|
transparent 62%
|
|
);
|
|
box-shadow:
|
|
inset 1px 0 0 color-mix(in srgb, var(--trailmark-current-note-title-signal) 56%, transparent),
|
|
inset 5px 0 12px color-mix(in srgb, var(--trailmark-current-note-title-signal) 5%, transparent);
|
|
}
|
|
|
|
.theme-light .inline-title,
|
|
.theme-light .markdown-source-view.mod-cm6 .inline-title {
|
|
background:
|
|
linear-gradient(
|
|
90deg,
|
|
color-mix(in srgb, var(--trailmark-current-note-title-signal) 9%, transparent),
|
|
color-mix(in srgb, var(--trailmark-seafoam) 4%, transparent) 34%,
|
|
transparent 62%
|
|
);
|
|
box-shadow:
|
|
inset 1px 0 0 color-mix(in srgb, var(--trailmark-current-note-title-signal) 50%, transparent),
|
|
inset 5px 0 12px color-mix(in srgb, var(--trailmark-current-note-title-signal) 6%, transparent);
|
|
}
|
|
|
|
.theme-dark .popover.hover-popover,
|
|
.theme-light .popover.hover-popover {
|
|
overflow: hidden;
|
|
border-left: 2px solid color-mix(in srgb, var(--trailmark-seafoam) 62%, transparent);
|
|
}
|
|
|
|
.theme-dark .popover.hover-popover {
|
|
background: color-mix(in srgb, var(--trailmark-dark-bg-subtle) 90%, var(--trailmark-moonstone));
|
|
border-color: color-mix(in srgb, var(--trailmark-dark-border) 70%, var(--trailmark-dark-bg));
|
|
box-shadow:
|
|
0 12px 32px color-mix(in srgb, #000 38%, transparent),
|
|
inset 2px 0 0 color-mix(in srgb, var(--trailmark-seafoam) 54%, transparent);
|
|
}
|
|
|
|
.theme-light .popover.hover-popover {
|
|
background: color-mix(in srgb, var(--trailmark-light-bg-subtle) 88%, var(--trailmark-cloud));
|
|
border-color: color-mix(in srgb, var(--trailmark-moonstone) 24%, transparent);
|
|
box-shadow:
|
|
0 14px 34px color-mix(in srgb, var(--trailmark-moonstone) 14%, transparent),
|
|
inset 2px 0 0 color-mix(in srgb, var(--trailmark-harvest-orange) 42%, transparent);
|
|
}
|
|
|
|
.theme-dark .popover.hover-popover .markdown-preview-view,
|
|
.theme-light .popover.hover-popover .markdown-preview-view {
|
|
padding: 1rem 1.15rem;
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-folder-title:hover,
|
|
.theme-light .nav-files-container .nav-file-title:hover,
|
|
.theme-light .nav-files-container .tree-item-self:hover,
|
|
.theme-dark .nav-files-container .nav-folder-title:hover,
|
|
.theme-dark .nav-files-container .nav-file-title:hover,
|
|
.theme-dark .nav-files-container .tree-item-self:hover {
|
|
box-shadow: inset 2px 0 0 color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-harvest-orange)) 42%, transparent);
|
|
}
|
|
|
|
.theme-dark .backlink-pane .search-result-file-match,
|
|
.theme-dark .outgoing-link-pane .search-result-file-match,
|
|
.theme-dark .search-result-container .search-result-file-match {
|
|
background: color-mix(in srgb, var(--trailmark-dark-surface) 74%, var(--trailmark-dark-bg-subtle));
|
|
border-color: color-mix(in srgb, var(--trailmark-dark-border) 62%, var(--trailmark-dark-bg));
|
|
box-shadow: inset 2px 0 0 color-mix(in srgb, var(--trailmark-harvest-orange) 58%, transparent);
|
|
}
|
|
|
|
.theme-light .backlink-pane .search-result-file-match,
|
|
.theme-light .outgoing-link-pane .search-result-file-match,
|
|
.theme-light .search-result-container .search-result-file-match {
|
|
background: color-mix(in srgb, var(--trailmark-light-bg-subtle) 86%, var(--trailmark-cloud));
|
|
border-color: color-mix(in srgb, var(--trailmark-moonstone) 20%, transparent);
|
|
box-shadow: inset 2px 0 0 color-mix(in srgb, var(--trailmark-harvest-orange) 54%, transparent);
|
|
}
|
|
|
|
.theme-dark .backlink-pane .search-result-file-matched-text,
|
|
.theme-dark .outgoing-link-pane .search-result-file-matched-text,
|
|
.theme-dark .search-result-container .search-result-file-matched-text {
|
|
color: color-mix(in srgb, var(--trailmark-cloud) 92%, var(--trailmark-harvest-orange));
|
|
background: color-mix(in srgb, var(--trailmark-harvest-orange) 18%, var(--trailmark-dark-bg-subtle));
|
|
box-shadow: 0 0 0 1px color-mix(in srgb, var(--trailmark-harvest-orange) 28%, transparent);
|
|
}
|
|
|
|
.theme-light .backlink-pane .search-result-file-matched-text,
|
|
.theme-light .outgoing-link-pane .search-result-file-matched-text,
|
|
.theme-light .search-result-container .search-result-file-matched-text {
|
|
color: color-mix(in srgb, var(--trailmark-moonstone) 86%, var(--trailmark-harvest-orange));
|
|
background: color-mix(in srgb, var(--trailmark-harvest-orange) 16%, var(--trailmark-cloud));
|
|
box-shadow: 0 0 0 1px color-mix(in srgb, var(--trailmark-harvest-orange) 26%, transparent);
|
|
}
|
|
|
|
.theme-dark .prompt,
|
|
.theme-light .prompt {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.theme-dark .prompt {
|
|
border-color: color-mix(in srgb, var(--trailmark-seafoam) 40%, var(--trailmark-dark-border));
|
|
box-shadow:
|
|
0 14px 36px color-mix(in srgb, #000 42%, transparent),
|
|
inset 0 1px 0 color-mix(in srgb, var(--trailmark-seafoam) 18%, transparent);
|
|
}
|
|
|
|
.theme-light .prompt {
|
|
border-color: color-mix(in srgb, var(--trailmark-moonstone) 30%, var(--trailmark-harvest-orange));
|
|
box-shadow:
|
|
0 14px 32px color-mix(in srgb, var(--trailmark-moonstone) 13%, transparent),
|
|
inset 0 1px 0 color-mix(in srgb, var(--trailmark-cloud) 48%, transparent);
|
|
}
|
|
|
|
.theme-dark .prompt-input,
|
|
.theme-light .prompt-input {
|
|
border-width: 0 0 1px 0;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .suggestion-item,
|
|
.theme-light .suggestion-item {
|
|
border-radius: var(--trailmark-radius-s);
|
|
margin: 0.08rem 0.45rem;
|
|
}
|
|
|
|
.theme-dark .suggestion-item.is-selected,
|
|
.theme-light .suggestion-item.is-selected {
|
|
box-shadow:
|
|
inset 3px 0 0 color-mix(in srgb, var(--trailmark-harvest-orange) 78%, transparent),
|
|
inset 10px 0 18px color-mix(in srgb, var(--trailmark-harvest-orange) 5%, transparent);
|
|
}
|
|
|
|
.theme-dark .suggestion-item.is-selected {
|
|
color: color-mix(in srgb, var(--trailmark-cloud) 92%, var(--trailmark-seafoam));
|
|
background:
|
|
linear-gradient(
|
|
90deg,
|
|
color-mix(in srgb, var(--trailmark-harvest-orange) 8%, transparent),
|
|
color-mix(in srgb, var(--trailmark-seafoam) 4%, transparent) 30%,
|
|
transparent 72%
|
|
);
|
|
}
|
|
|
|
.theme-light .suggestion-item.is-selected {
|
|
color: color-mix(in srgb, var(--trailmark-moonstone) 90%, var(--trailmark-harvest-orange));
|
|
background:
|
|
linear-gradient(
|
|
90deg,
|
|
color-mix(in srgb, var(--trailmark-harvest-orange) 14%, var(--trailmark-light-bg-subtle)),
|
|
color-mix(in srgb, var(--trailmark-seafoam) 9%, var(--trailmark-light-bg-subtle)) 38%,
|
|
color-mix(in srgb, var(--trailmark-cloud) 18%, var(--trailmark-light-bg-subtle)) 100%
|
|
);
|
|
}
|
|
|
|
.theme-dark .workspace-tab-header,
|
|
.theme-light .workspace-tab-header {
|
|
position: relative;
|
|
}
|
|
|
|
.theme-dark .workspace-tab-header::after,
|
|
.theme-light .workspace-tab-header::after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0.85rem;
|
|
right: 0.85rem;
|
|
bottom: 0;
|
|
height: 1px;
|
|
opacity: 0;
|
|
transition: opacity 140ms ease, background-color 140ms ease;
|
|
}
|
|
|
|
.theme-dark .workspace-tab-header:hover::after,
|
|
.theme-light .workspace-tab-header:hover::after {
|
|
opacity: 0.42;
|
|
background: var(--trailmark-signal-muted);
|
|
}
|
|
|
|
.theme-dark .workspace-tab-header.is-active::after,
|
|
.theme-light .workspace-tab-header.is-active::after {
|
|
opacity: 1;
|
|
background: color-mix(in srgb, var(--trailmark-harvest-orange) 82%, var(--trailmark-seafoam));
|
|
box-shadow: 0 0 8px color-mix(in srgb, var(--trailmark-harvest-orange) 18%, transparent);
|
|
}
|
|
|
|
.theme-dark .workspace-tab-header.is-active .workspace-tab-header-inner-title {
|
|
color: color-mix(in srgb, var(--trailmark-cloud) 88%, var(--trailmark-seafoam));
|
|
}
|
|
|
|
.theme-light .workspace-tab-header.is-active .workspace-tab-header-inner-title {
|
|
color: color-mix(in srgb, var(--trailmark-moonstone) 90%, var(--trailmark-harvest-orange));
|
|
}
|
|
|
|
.theme-dark .status-bar,
|
|
.theme-light .status-bar {
|
|
position: var(--status-bar-position);
|
|
gap: 0.15rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.theme-dark .status-bar {
|
|
border-radius: 0;
|
|
border-top-color: color-mix(in srgb, var(--trailmark-dark-border) 52%, var(--trailmark-dark-bg));
|
|
background: color-mix(in srgb, var(--trailmark-dark-bg-subtle) 84%, var(--trailmark-dark-bg));
|
|
box-shadow:
|
|
inset 0 1px 0 color-mix(in srgb, var(--trailmark-route-muted) 46%, transparent),
|
|
inset 0 2px 6px color-mix(in srgb, var(--trailmark-route) 8%, transparent);
|
|
}
|
|
|
|
.theme-light .status-bar {
|
|
box-shadow:
|
|
inset 0 1px 0 color-mix(in srgb, var(--trailmark-copper) 30%, transparent),
|
|
inset 0 2px 6px color-mix(in srgb, var(--trailmark-trail-brown) 6%, transparent);
|
|
}
|
|
|
|
.theme-dark .status-bar-item,
|
|
.theme-light .status-bar-item {
|
|
position: relative;
|
|
z-index: 1;
|
|
border-radius: var(--trailmark-radius-s);
|
|
padding-inline: 0.35rem;
|
|
}
|
|
|
|
.theme-dark .status-bar-item.mod-clickable:hover {
|
|
color: color-mix(in srgb, var(--trailmark-cloud) 90%, var(--trailmark-seafoam));
|
|
background: color-mix(in srgb, var(--trailmark-seafoam) 8%, transparent);
|
|
}
|
|
|
|
.theme-light .status-bar-item.mod-clickable:hover {
|
|
color: color-mix(in srgb, var(--trailmark-moonstone) 88%, var(--trailmark-harvest-orange));
|
|
background: color-mix(in srgb, var(--trailmark-harvest-orange) 10%, transparent);
|
|
}
|
|
|
|
/* Trailmark identity pass: winding trail paths, waypoint dots, and route markers. */
|
|
.theme-dark,
|
|
body[data-theme='dark'] {
|
|
--trailmark-waypoint: var(--trailmark-harvest-orange);
|
|
--trailmark-route: var(--trailmark-seafoam);
|
|
--trailmark-route-muted: var(--trailmark-route-soft);
|
|
}
|
|
|
|
.theme-light,
|
|
body[data-theme='light'] {
|
|
--trailmark-waypoint: #C94A32;
|
|
--trailmark-route: #167B78;
|
|
--trailmark-route-muted: var(--trailmark-route-muted-base);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h1,
|
|
.theme-dark .markdown-preview-view h1,
|
|
.theme-light .markdown-rendered h1,
|
|
.theme-light .markdown-preview-view h1 {
|
|
position: relative;
|
|
padding-left: 0;
|
|
padding-bottom: 0.18em;
|
|
border-left: 0;
|
|
box-shadow: none;
|
|
background: transparent;
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h1::before,
|
|
.theme-dark .markdown-preview-view h1::before,
|
|
.theme-light .markdown-rendered h1::before,
|
|
.theme-light .markdown-preview-view h1::before {
|
|
content: none;
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h1::after,
|
|
.theme-dark .markdown-preview-view h1::after,
|
|
.theme-light .markdown-rendered h1::after,
|
|
.theme-light .markdown-preview-view h1::after {
|
|
content: "";
|
|
display: block;
|
|
width: min(14rem, 58%);
|
|
height: 2px;
|
|
margin-top: 0.32em;
|
|
border-radius: 999px;
|
|
background:
|
|
linear-gradient(
|
|
90deg,
|
|
var(--trailmark-route),
|
|
color-mix(in srgb, var(--trailmark-waypoint) 78%, transparent) 28%,
|
|
color-mix(in srgb, var(--trailmark-route-muted) 62%, transparent) 54%,
|
|
transparent 100%
|
|
);
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h2,
|
|
.theme-dark .markdown-preview-view h2,
|
|
.theme-light .markdown-rendered h2,
|
|
.theme-light .markdown-preview-view h2 {
|
|
position: relative;
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h2::after,
|
|
.theme-dark .markdown-preview-view h2::after,
|
|
.theme-light .markdown-rendered h2::after,
|
|
.theme-light .markdown-preview-view h2::after {
|
|
content: "";
|
|
display: block;
|
|
width: min(16rem, 64%);
|
|
height: 2px;
|
|
margin-top: 0.34em;
|
|
border-radius: 999px;
|
|
background:
|
|
linear-gradient(
|
|
96deg,
|
|
color-mix(in srgb, var(--trailmark-route) 28%, transparent),
|
|
color-mix(in srgb, var(--trailmark-waypoint) 34%, transparent) 34%,
|
|
color-mix(in srgb, var(--trailmark-route-muted) 22%, transparent) 68%,
|
|
transparent
|
|
);
|
|
}
|
|
|
|
.theme-dark .inline-title,
|
|
.theme-dark .markdown-source-view.mod-cm6 .inline-title,
|
|
.theme-light .inline-title,
|
|
.theme-light .markdown-source-view.mod-cm6 .inline-title {
|
|
border-left-style: dotted;
|
|
}
|
|
|
|
.theme-dark .inline-title::after,
|
|
.theme-dark .markdown-source-view.mod-cm6 .inline-title::after,
|
|
.theme-light .inline-title::after,
|
|
.theme-light .markdown-source-view.mod-cm6 .inline-title::after {
|
|
content: "";
|
|
display: block;
|
|
width: min(11rem, 42%);
|
|
height: 1px;
|
|
margin-top: 0.18em;
|
|
border-radius: 999px;
|
|
background:
|
|
linear-gradient(
|
|
90deg,
|
|
color-mix(in srgb, var(--trailmark-waypoint) 72%, transparent),
|
|
color-mix(in srgb, var(--trailmark-route) 44%, transparent) 44%,
|
|
transparent
|
|
);
|
|
}
|
|
|
|
.theme-dark .callout .callout-title::after,
|
|
.theme-light .callout .callout-title::after {
|
|
height: 2px;
|
|
background:
|
|
linear-gradient(
|
|
90deg,
|
|
var(--trailmark-callout-signal),
|
|
color-mix(in srgb, var(--trailmark-route) 36%, var(--trailmark-callout-signal)) 34%,
|
|
transparent 88%
|
|
);
|
|
}
|
|
|
|
.theme-dark .callout::before,
|
|
.theme-light .callout::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: -4px;
|
|
top: 0.92em;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 999px;
|
|
opacity: 0.42;
|
|
background: color-mix(in srgb, var(--trailmark-callout-signal) 60%, var(--background-primary));
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-title,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-folder-title {
|
|
position: relative;
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-title::after,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-folder-title::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0.3rem;
|
|
top: 50%;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 999px;
|
|
background: color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-waypoint)) 72%, transparent);
|
|
opacity: 0.38;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .tree-item-self.is-active,
|
|
.theme-dark .nav-files-container .nav-folder-title.is-active,
|
|
.theme-dark .nav-files-container .nav-file-title.is-active {
|
|
background:
|
|
radial-gradient(
|
|
ellipse 42px 100% at 0 50%,
|
|
color-mix(in srgb, var(--trailmark-waypoint) 18%, transparent),
|
|
color-mix(in srgb, var(--trailmark-route) 7%, transparent) 42%,
|
|
transparent 76%
|
|
),
|
|
linear-gradient(
|
|
92deg,
|
|
color-mix(in srgb, var(--trailmark-waypoint) 7%, transparent),
|
|
color-mix(in srgb, var(--trailmark-route) 5%, transparent) 36%,
|
|
transparent 72%
|
|
);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .tree-item-self.is-active,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-file-title.is-active,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-folder-title.is-active,
|
|
.theme-dark .nav-files-container .nav-folder-title.is-active,
|
|
.theme-dark .nav-files-container .nav-file-title.is-active {
|
|
border-left: 0;
|
|
border-right: 0;
|
|
box-shadow: inset 2px 0 0 var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
.theme-dark .backlink-pane .search-result-file-match,
|
|
.theme-dark .outgoing-link-pane .search-result-file-match,
|
|
.theme-dark .search-result-container .search-result-file-match,
|
|
.theme-light .backlink-pane .search-result-file-match,
|
|
.theme-light .outgoing-link-pane .search-result-file-match,
|
|
.theme-light .search-result-container .search-result-file-match {
|
|
border-left: 0;
|
|
box-shadow:
|
|
inset 2px 0 0 color-mix(in srgb, var(--trailmark-waypoint) 64%, transparent),
|
|
inset 8px 0 14px color-mix(in srgb, var(--trailmark-route) 5%, transparent);
|
|
}
|
|
|
|
.theme-dark .suggestion-item.is-selected,
|
|
.theme-light .suggestion-item.is-selected {
|
|
box-shadow:
|
|
inset 3px 0 0 color-mix(in srgb, var(--trailmark-waypoint) 78%, transparent),
|
|
inset 12px 0 18px color-mix(in srgb, var(--trailmark-route) 7%, transparent);
|
|
}
|
|
|
|
/* Path emphasis pass: quiet trail structure without noisy page texture. */
|
|
|
|
.theme-dark .markdown-preview-sizer,
|
|
.theme-light .markdown-preview-sizer {
|
|
position: relative;
|
|
}
|
|
|
|
.theme-dark .markdown-preview-sizer::before,
|
|
.theme-light .markdown-preview-sizer::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: -1.05rem;
|
|
top: 1.2rem;
|
|
bottom: 2.4rem;
|
|
width: 10px;
|
|
pointer-events: none;
|
|
opacity: 0.28;
|
|
background:
|
|
radial-gradient(
|
|
circle at 50% 0.4rem,
|
|
color-mix(in srgb, var(--trailmark-waypoint) 32%, transparent) 0 1.3px,
|
|
transparent 1.8px
|
|
),
|
|
radial-gradient(
|
|
circle at 50% 2rem,
|
|
color-mix(in srgb, var(--trailmark-route) 24%, transparent) 0 1px,
|
|
transparent 1.6px
|
|
),
|
|
linear-gradient(
|
|
180deg,
|
|
transparent,
|
|
color-mix(in srgb, var(--trailmark-route-muted) 12%, transparent) 14%,
|
|
color-mix(in srgb, var(--trailmark-waypoint) 10%, transparent) 46%,
|
|
color-mix(in srgb, var(--trailmark-route) 11%, transparent) 76%,
|
|
transparent
|
|
);
|
|
background-size: 10px 4.8rem, 10px 4.8rem, 2px 100%;
|
|
background-position: 0 0, 0 2.4rem, 4px 0;
|
|
background-repeat: repeat-y, repeat-y, no-repeat;
|
|
}
|
|
|
|
.theme-dark .markdown-rendered h3::after,
|
|
.theme-dark .markdown-preview-view h3::after,
|
|
.theme-light .markdown-rendered h3::after,
|
|
.theme-light .markdown-preview-view h3::after {
|
|
content: "";
|
|
display: block;
|
|
width: min(4.5rem, 24%);
|
|
height: 1px;
|
|
margin-top: 0.22em;
|
|
border-radius: 999px;
|
|
opacity: 0.34;
|
|
background:
|
|
linear-gradient(
|
|
92deg,
|
|
transparent,
|
|
color-mix(in srgb, var(--trailmark-route) 44%, transparent) 22%,
|
|
color-mix(in srgb, var(--trailmark-waypoint) 30%, transparent) 56%,
|
|
transparent
|
|
);
|
|
}
|
|
|
|
.theme-dark blockquote,
|
|
.theme-light blockquote,
|
|
.theme-dark .markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-quote,
|
|
.theme-light .markdown-source-view.mod-cm6.is-live-preview .cm-line.HyperMD-quote {
|
|
box-shadow: inset 7px 0 14px color-mix(in srgb, var(--trailmark-route) 3%, transparent);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children {
|
|
border-left-style: dashed;
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-title.is-active::after,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-folder-title.is-active::after {
|
|
width: 5px;
|
|
height: 5px;
|
|
opacity: 0.66;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .workspace-leaf.mod-active,
|
|
.theme-light .workspace-leaf.mod-active {
|
|
box-shadow:
|
|
inset 2px 0 0 color-mix(in srgb, var(--trailmark-waypoint) 82%, transparent),
|
|
inset 7px 0 18px color-mix(in srgb, var(--trailmark-route) 6%, transparent),
|
|
inset 0 1px 0 color-mix(in srgb, var(--trailmark-route) 18%, transparent);
|
|
}
|
|
|
|
.theme-dark .workspace-tab-header.is-active::before,
|
|
.theme-light .workspace-tab-header.is-active::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0.88rem;
|
|
right: 0.88rem;
|
|
bottom: 2px;
|
|
height: 5px;
|
|
border-radius: 999px;
|
|
opacity: 0.16;
|
|
background:
|
|
radial-gradient(
|
|
ellipse at 35% 50%,
|
|
var(--trailmark-waypoint),
|
|
color-mix(in srgb, var(--trailmark-route) 56%, transparent) 42%,
|
|
transparent 72%
|
|
);
|
|
}
|
|
|
|
.theme-dark table,
|
|
.theme-dark .markdown-rendered table,
|
|
.theme-dark .markdown-preview-view table,
|
|
.theme-light table,
|
|
.theme-light .markdown-rendered table,
|
|
.theme-light .markdown-preview-view table {
|
|
border-left: 2px solid color-mix(in srgb, var(--trailmark-waypoint) 46%, transparent);
|
|
}
|
|
|
|
.theme-dark tbody tr:hover td:first-child,
|
|
.theme-dark .markdown-rendered tbody tr:hover td:first-child,
|
|
.theme-dark .markdown-preview-view tbody tr:hover td:first-child,
|
|
.theme-light tbody tr:hover td:first-child,
|
|
.theme-light .markdown-rendered tbody tr:hover td:first-child,
|
|
.theme-light .markdown-preview-view tbody tr:hover td:first-child {
|
|
box-shadow: inset 3px 0 0 color-mix(in srgb, var(--trailmark-route) 68%, transparent);
|
|
}
|
|
|
|
/* Dark ridge pass: sharper Trailmark contrast, guided by Night Ridge without copying it. */
|
|
.theme-dark,
|
|
body[data-theme='dark'] {
|
|
--background-primary: var(--trailmark-dark-bg);
|
|
--background-primary-alt: var(--trailmark-dark-bg-subtle);
|
|
--background-secondary: var(--trailmark-dark-nav-bg);
|
|
--background-secondary-alt: var(--trailmark-dark-surface);
|
|
--background-accent: var(--trailmark-dark-surface-alt);
|
|
--background-modifier-hover: color-mix(in srgb, var(--trailmark-seafoam) 8%, var(--trailmark-dark-surface));
|
|
--background-modifier-active-hover: color-mix(in srgb, var(--trailmark-harvest-orange) 10%, var(--trailmark-dark-surface-alt));
|
|
--background-modifier-border: color-mix(in srgb, var(--trailmark-dark-border) 82%, var(--trailmark-dark-bg));
|
|
--background-modifier-border-hover: color-mix(in srgb, var(--trailmark-seafoam) 28%, var(--trailmark-dark-border));
|
|
--background-modifier-border-focus: color-mix(in srgb, var(--trailmark-harvest-orange) 58%, var(--trailmark-dark-border));
|
|
--background-modifier-form-field: color-mix(in srgb, var(--trailmark-dark-surface) 68%, var(--trailmark-dark-bg));
|
|
--background-modifier-form-field-highlighted: color-mix(in srgb, var(--trailmark-seafoam) 11%, var(--trailmark-dark-surface));
|
|
|
|
--text-normal: var(--trailmark-dark-text);
|
|
--text-muted: var(--trailmark-dark-text-muted);
|
|
--text-faint: color-mix(in srgb, var(--trailmark-dark-text-muted) 58%, var(--trailmark-dark-bg));
|
|
--text-accent: var(--trailmark-harvest-orange);
|
|
--text-accent-hover: var(--trailmark-seafoam);
|
|
--text-selection: color-mix(in srgb, var(--trailmark-harvest-orange) 24%, transparent);
|
|
--text-highlight-bg: color-mix(in srgb, var(--trailmark-harvest-orange) 30%, var(--trailmark-dark-bg));
|
|
--text-on-accent: #061016;
|
|
|
|
--h1-color: var(--trailmark-harvest-orange);
|
|
--h2-color: var(--trailmark-seafoam);
|
|
--h3-color: color-mix(in srgb, var(--trailmark-seafoam) 82%, var(--trailmark-cloud));
|
|
--h4-color: color-mix(in srgb, var(--trailmark-harvest-orange) 82%, var(--trailmark-campfire));
|
|
--h5-color: var(--trailmark-seafoam);
|
|
--h6-color: color-mix(in srgb, var(--trailmark-stone) 84%, var(--trailmark-dark-text));
|
|
--inline-title-color: color-mix(in srgb, var(--trailmark-cloud) 82%, var(--trailmark-seafoam));
|
|
--h1-weight: 720;
|
|
--h2-weight: 690;
|
|
--h3-weight: 640;
|
|
|
|
--link-color: var(--trailmark-seafoam);
|
|
--link-color-hover: var(--trailmark-harvest-orange);
|
|
--link-external-color: var(--trailmark-harvest-orange);
|
|
--link-external-color-hover: var(--trailmark-harvest-orange);
|
|
--link-unresolved-color: color-mix(in srgb, var(--trailmark-harvest-orange) 76%, var(--trailmark-dark-text-muted));
|
|
--link-decoration: none;
|
|
--link-decoration-hover: underline;
|
|
|
|
--tag-color: color-mix(in srgb, var(--trailmark-harvest-orange) 90%, var(--trailmark-cloud));
|
|
--tag-color-hover: var(--trailmark-cloud);
|
|
--tag-background: color-mix(in srgb, var(--trailmark-harvest-orange) 14%, var(--trailmark-dark-bg));
|
|
--tag-background-hover: color-mix(in srgb, var(--trailmark-harvest-orange) 28%, var(--trailmark-dark-surface));
|
|
--tag-border-color: color-mix(in srgb, var(--trailmark-harvest-orange) 35%, transparent);
|
|
--tag-border-color-hover: color-mix(in srgb, var(--trailmark-harvest-orange) 58%, transparent);
|
|
|
|
--inline-code: var(--trailmark-seafoam);
|
|
--code-background: color-mix(in srgb, var(--trailmark-dark-bg) 82%, #000);
|
|
--code-normal: color-mix(in srgb, var(--trailmark-dark-text) 84%, var(--trailmark-seafoam));
|
|
--code-comment: color-mix(in srgb, var(--trailmark-stone) 68%, var(--trailmark-dark-bg));
|
|
--pre-code: color-mix(in srgb, var(--trailmark-dark-bg) 86%, #000);
|
|
--code-block: color-mix(in srgb, var(--trailmark-dark-text) 92%, var(--trailmark-seafoam));
|
|
|
|
--nav-item-size: 0.95em;
|
|
--nav-item-color: color-mix(in srgb, var(--trailmark-dark-text-muted) 78%, var(--trailmark-dark-bg));
|
|
--nav-item-color-hover: color-mix(in srgb, var(--trailmark-cloud) 88%, var(--trailmark-seafoam));
|
|
--nav-item-color-active: var(--trailmark-cloud);
|
|
--nav-item-background-hover: color-mix(in srgb, var(--trailmark-seafoam) 7%, transparent);
|
|
--nav-item-background-active: color-mix(in srgb, var(--trailmark-dark-surface-alt) 74%, var(--trailmark-harvest-orange) 12%);
|
|
--nav-item-weight-active: 620;
|
|
--nav-indentation-guide-color: color-mix(in srgb, var(--trailmark-route-soft) 24%, transparent);
|
|
|
|
--metadata-background: color-mix(in srgb, var(--trailmark-dark-surface) 55%, var(--trailmark-dark-bg));
|
|
--metadata-border-color: color-mix(in srgb, var(--trailmark-seafoam) 16%, var(--trailmark-dark-border));
|
|
--metadata-label-text-color: color-mix(in srgb, var(--trailmark-dark-text-muted) 76%, var(--trailmark-seafoam));
|
|
--metadata-input-text-color: var(--trailmark-dark-text);
|
|
|
|
--table-background: color-mix(in srgb, var(--trailmark-dark-bg-subtle) 82%, var(--trailmark-dark-bg));
|
|
--table-header-background: color-mix(in srgb, var(--trailmark-dark-surface) 84%, var(--trailmark-seafoam) 4%);
|
|
--table-row-background-hover: color-mix(in srgb, var(--trailmark-seafoam) 7%, var(--trailmark-dark-surface));
|
|
--table-border-color: color-mix(in srgb, var(--trailmark-dark-border) 76%, var(--trailmark-dark-bg));
|
|
|
|
--blockquote-border: var(--trailmark-harvest-orange);
|
|
--border-color: var(--background-modifier-border);
|
|
--hr-color: color-mix(in srgb, var(--trailmark-dark-border) 64%, transparent);
|
|
--ribbon-background: var(--trailmark-dark-nav-bg);
|
|
--titlebar-background: var(--trailmark-dark-nav-bg);
|
|
--titlebar-background-focused: var(--trailmark-dark-nav-bg);
|
|
}
|
|
|
|
.theme-dark .workspace-split.mod-left-split,
|
|
.theme-dark .workspace-split.mod-right-split,
|
|
.theme-dark .workspace-ribbon,
|
|
.theme-dark .nav-files-container,
|
|
.theme-dark .workspace-tabs .workspace-tab-header-container,
|
|
.theme-dark .view-header,
|
|
.theme-dark .titlebar,
|
|
.theme-dark .titlebar-button-container,
|
|
.theme-dark .workspace-sidedock-vault-profile,
|
|
.theme-dark .status-bar {
|
|
background: var(--trailmark-dark-nav-bg);
|
|
background-color: var(--trailmark-dark-nav-bg);
|
|
border-color: var(--background-modifier-border);
|
|
}
|
|
|
|
.theme-dark .workspace-tabs,
|
|
.theme-dark .workspace-tab-container,
|
|
.theme-dark .workspace-leaf-content,
|
|
.theme-dark .workspace-leaf-content[data-type],
|
|
.theme-dark .markdown-source-view,
|
|
.theme-dark .markdown-preview-view,
|
|
.theme-dark .view-content {
|
|
background: var(--background-primary);
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.theme-dark .metadata-container,
|
|
.theme-dark .metadata-properties,
|
|
.theme-dark .callout,
|
|
.theme-dark .markdown-embed,
|
|
.theme-dark .modal,
|
|
.theme-dark .prompt,
|
|
.theme-dark .popover,
|
|
.theme-dark .menu,
|
|
.theme-dark .suggestion-container,
|
|
.theme-dark .search-result-container,
|
|
.theme-dark .setting-item {
|
|
background: var(--background-primary-alt);
|
|
border-color: var(--background-modifier-border);
|
|
}
|
|
|
|
.theme-dark .metadata-properties {
|
|
background: var(--metadata-background);
|
|
border-color: var(--metadata-border-color);
|
|
box-shadow:
|
|
inset 0 1px 0 color-mix(in srgb, var(--trailmark-seafoam) 7%, transparent),
|
|
0 0 0 1px color-mix(in srgb, #000 44%, transparent);
|
|
}
|
|
|
|
.theme-dark .callout {
|
|
background:
|
|
linear-gradient(
|
|
92deg,
|
|
color-mix(in srgb, var(--trailmark-callout-signal, var(--trailmark-harvest-orange)) 8%, var(--background-primary-alt)),
|
|
var(--background-primary-alt) 38%,
|
|
color-mix(in srgb, var(--trailmark-dark-bg) 28%, var(--background-primary-alt))
|
|
);
|
|
border-color: color-mix(in srgb, var(--trailmark-callout-signal, var(--trailmark-harvest-orange)) 30%, var(--background-modifier-border));
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h1,
|
|
.theme-dark .markdown-rendered h1,
|
|
.theme-dark .cm-header-1,
|
|
.theme-dark .cm-line.HyperMD-header-1,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-1 {
|
|
color: var(--h1-color);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h2,
|
|
.theme-dark .markdown-rendered h2,
|
|
.theme-dark .cm-header-2,
|
|
.theme-dark .cm-line.HyperMD-header-2,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-2 {
|
|
color: var(--h2-color);
|
|
border-bottom-color: color-mix(in srgb, var(--trailmark-seafoam) 30%, transparent);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h3,
|
|
.theme-dark .markdown-rendered h3,
|
|
.theme-dark .cm-header-3,
|
|
.theme-dark .cm-line.HyperMD-header-3,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-3 {
|
|
color: var(--h3-color);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h4,
|
|
.theme-dark .markdown-rendered h4,
|
|
.theme-dark .cm-header-4,
|
|
.theme-dark .cm-line.HyperMD-header-4,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-4 {
|
|
color: var(--h4-color);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h5,
|
|
.theme-dark .markdown-rendered h5,
|
|
.theme-dark .cm-header-5,
|
|
.theme-dark .cm-line.HyperMD-header-5,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-5 {
|
|
color: var(--h5-color);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h6,
|
|
.theme-dark .markdown-rendered h6,
|
|
.theme-dark .cm-header-6,
|
|
.theme-dark .cm-line.HyperMD-header-6,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-header-6 {
|
|
color: var(--h6-color);
|
|
}
|
|
|
|
.theme-dark .inline-title,
|
|
.theme-dark .markdown-source-view.mod-cm6 .inline-title {
|
|
color: var(--inline-title-color);
|
|
}
|
|
|
|
.theme-dark .internal-link,
|
|
.theme-dark .cm-hmd-internal-link,
|
|
.theme-dark .cm-hmd-internal-link .cm-underline,
|
|
.theme-dark .markdown-rendered .internal-link,
|
|
.theme-dark .markdown-preview-view .internal-link {
|
|
color: var(--link-color);
|
|
}
|
|
|
|
.theme-dark a:not(.internal-link):not(.tag),
|
|
.theme-dark .external-link,
|
|
.theme-dark .cm-link,
|
|
.theme-dark .cm-url {
|
|
color: var(--link-external-color);
|
|
}
|
|
|
|
.theme-dark .internal-link:hover,
|
|
.theme-dark .cm-hmd-internal-link:hover,
|
|
.theme-dark .markdown-rendered .internal-link:hover,
|
|
.theme-dark .markdown-preview-view .internal-link:hover {
|
|
color: var(--link-color-hover);
|
|
}
|
|
|
|
.theme-dark a:not(.internal-link):not(.tag):hover,
|
|
.theme-dark .external-link:hover,
|
|
.theme-dark .cm-link:hover,
|
|
.theme-dark .cm-url:hover {
|
|
color: var(--link-external-color-hover);
|
|
}
|
|
|
|
.theme-dark .cm-hashtag,
|
|
.theme-dark a.tag,
|
|
.theme-dark .metadata-property[data-property-key='tags'] .multi-select-pill {
|
|
color: var(--tag-color);
|
|
background: var(--tag-background);
|
|
border-color: var(--tag-border-color);
|
|
}
|
|
|
|
.theme-dark .cm-hashtag:hover,
|
|
.theme-dark a.tag:hover,
|
|
.theme-dark .metadata-property[data-property-key='tags'] .multi-select-pill:hover {
|
|
color: var(--tag-color-hover);
|
|
background: var(--tag-background-hover);
|
|
border-color: var(--tag-border-color-hover);
|
|
}
|
|
|
|
.theme-dark .nav-files-container {
|
|
--trailmark-folder-depth-color: var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-seafoam);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: color-mix(in srgb, var(--trailmark-harvest-orange) 84%, var(--trailmark-campfire));
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-seafoam-soft);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: color-mix(in srgb, var(--trailmark-harvest-orange) 76%, var(--trailmark-cloud));
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-dark .nav-files-container .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: color-mix(in srgb, var(--trailmark-seafoam) 78%, var(--trailmark-cloud));
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-title,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-folder-title,
|
|
.theme-dark .nav-files-container .nav-folder-title .nav-folder-title-content,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-folder-title .tree-item-inner {
|
|
color: color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-harvest-orange)) 90%, var(--trailmark-cloud));
|
|
font-weight: 560;
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-title .collapse-icon,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-folder-title .collapse-icon {
|
|
color: color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-harvest-orange)) 76%, var(--trailmark-dark-text-muted));
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-file-title,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-file-title,
|
|
.theme-dark .nav-files-container .nav-file-title .nav-file-title-content,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-file-title .tree-item-inner {
|
|
color: var(--trailmark-dark-file);
|
|
font-weight: 430;
|
|
}
|
|
|
|
.theme-dark .nav-files-container .nav-folder-title:hover,
|
|
.theme-dark .nav-files-container .nav-file-title:hover,
|
|
.theme-dark .nav-files-container .tree-item-self:hover {
|
|
color: var(--nav-item-color-hover);
|
|
background: var(--nav-item-background-hover);
|
|
}
|
|
|
|
.theme-dark .nav-files-container .tree-item-self.is-active,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-file-title.is-active,
|
|
.theme-dark .nav-files-container .tree-item-self.nav-folder-title.is-active,
|
|
.theme-dark .nav-files-container .nav-folder-title.is-active,
|
|
.theme-dark .nav-files-container .nav-file-title.is-active {
|
|
color: var(--nav-item-color-active);
|
|
background:
|
|
radial-gradient(
|
|
ellipse 48px 100% at 0 50%,
|
|
color-mix(in srgb, var(--trailmark-harvest-orange) 20%, transparent),
|
|
color-mix(in srgb, var(--trailmark-seafoam) 8%, transparent) 48%,
|
|
transparent 78%
|
|
),
|
|
var(--nav-item-background-active);
|
|
border-left: 0;
|
|
border-right: 0;
|
|
box-shadow: inset 2px 0 0 var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
.theme-dark code:not(pre code),
|
|
.theme-dark .cm-inline-code {
|
|
color: var(--inline-code);
|
|
background: color-mix(in srgb, var(--trailmark-seafoam) 9%, var(--trailmark-dark-bg));
|
|
border-color: color-mix(in srgb, var(--trailmark-seafoam) 20%, transparent);
|
|
}
|
|
|
|
.theme-dark pre,
|
|
.theme-dark .markdown-preview-view pre,
|
|
.theme-dark .markdown-rendered pre,
|
|
.theme-dark .HyperMD-codeblock-bg {
|
|
background: var(--code-background);
|
|
border-color: color-mix(in srgb, var(--trailmark-seafoam) 18%, var(--background-modifier-border));
|
|
}
|
|
|
|
.theme-dark table,
|
|
.theme-dark .markdown-rendered table,
|
|
.theme-dark .markdown-preview-view table {
|
|
background: var(--table-background);
|
|
border-color: var(--table-border-color);
|
|
}
|
|
|
|
.theme-dark th,
|
|
.theme-dark thead,
|
|
.theme-dark .markdown-rendered th,
|
|
.theme-dark .markdown-preview-view th {
|
|
background: var(--table-header-background);
|
|
color: color-mix(in srgb, var(--trailmark-cloud) 84%, var(--trailmark-seafoam));
|
|
}
|
|
|
|
.theme-dark tbody tr:hover td,
|
|
.theme-dark .markdown-rendered tbody tr:hover td,
|
|
.theme-dark .markdown-preview-view tbody tr:hover td {
|
|
background: var(--table-row-background-hover);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-quote,
|
|
.theme-dark .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-quote *,
|
|
.theme-dark .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout,
|
|
.theme-dark .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout * {
|
|
color: color-mix(in srgb, var(--trailmark-dark-text-muted) 86%, var(--trailmark-dark-text));
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-quote .cm-formatting-quote,
|
|
.theme-dark .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout .cm-formatting-quote {
|
|
color: color-mix(in srgb, var(--trailmark-route-soft) 58%, var(--trailmark-dark-text-muted));
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout:is(.cm-callout-info, .cm-callout-tip, .cm-callout-hint, .cm-hmd-callout-info, .cm-hmd-callout-tip, .cm-hmd-callout-hint) :is(.cm-hmd-callout, .cm-callout, .cm-formatting),
|
|
.theme-dark .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout:is(.cm-callout-success, .cm-callout-check, .cm-callout-done, .cm-callout-todo, .cm-hmd-callout-success, .cm-hmd-callout-check, .cm-hmd-callout-done, .cm-hmd-callout-todo) :is(.cm-hmd-callout, .cm-callout, .cm-formatting) {
|
|
color: var(--trailmark-seafoam);
|
|
}
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout:is(.cm-callout-warning, .cm-callout-caution, .cm-callout-question, .cm-callout-help, .cm-callout-faq, .cm-callout-attention, .cm-callout-danger, .cm-callout-error, .cm-callout-fail, .cm-callout-failure, .cm-callout-missing, .cm-callout-bug, .cm-hmd-callout-warning, .cm-hmd-callout-caution, .cm-hmd-callout-question, .cm-hmd-callout-help, .cm-hmd-callout-faq, .cm-hmd-callout-attention, .cm-hmd-callout-danger, .cm-hmd-callout-error, .cm-hmd-callout-fail, .cm-hmd-callout-failure, .cm-hmd-callout-missing, .cm-hmd-callout-bug) :is(.cm-hmd-callout, .cm-callout, .cm-formatting) {
|
|
color: var(--trailmark-campfire);
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-quote,
|
|
.theme-light .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-quote *,
|
|
.theme-light .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout,
|
|
.theme-light .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout * {
|
|
color: color-mix(in srgb, var(--trailmark-light-ink-muted) 88%, var(--trailmark-light-ink));
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-quote .cm-formatting-quote,
|
|
.theme-light .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout .cm-formatting-quote {
|
|
color: color-mix(in srgb, var(--trailmark-route-muted-base) 58%, var(--trailmark-light-text-muted));
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout:is(.cm-callout-info, .cm-callout-tip, .cm-callout-hint, .cm-callout-success, .cm-callout-check, .cm-callout-done, .cm-callout-todo, .cm-hmd-callout-info, .cm-hmd-callout-tip, .cm-hmd-callout-hint, .cm-hmd-callout-success, .cm-hmd-callout-check, .cm-hmd-callout-done, .cm-hmd-callout-todo) :is(.cm-hmd-callout, .cm-callout, .cm-formatting) {
|
|
color: var(--trailmark-route);
|
|
}
|
|
|
|
.theme-light .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-line.HyperMD-callout:is(.cm-callout-warning, .cm-callout-caution, .cm-callout-question, .cm-callout-help, .cm-callout-faq, .cm-callout-attention, .cm-callout-danger, .cm-callout-error, .cm-callout-fail, .cm-callout-failure, .cm-callout-missing, .cm-callout-bug, .cm-hmd-callout-warning, .cm-hmd-callout-caution, .cm-hmd-callout-question, .cm-hmd-callout-help, .cm-hmd-callout-faq, .cm-hmd-callout-attention, .cm-hmd-callout-danger, .cm-hmd-callout-error, .cm-hmd-callout-fail, .cm-hmd-callout-failure, .cm-hmd-callout-missing, .cm-hmd-callout-bug) :is(.cm-hmd-callout, .cm-callout, .cm-formatting) {
|
|
color: var(--trailmark-canyon);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-sizer::before {
|
|
opacity: 0.34;
|
|
}
|
|
|
|
/* Light folder pane repair: clean map surface, not waypoint-heavy. */
|
|
.theme-light .workspace-split.mod-left-split,
|
|
.theme-light .workspace-split.mod-right-split,
|
|
.theme-light .nav-files-container,
|
|
.theme-light .workspace-leaf-content[data-type='file-explorer'] {
|
|
background: var(--trailmark-light-chrome);
|
|
}
|
|
|
|
.theme-light .nav-files-container {
|
|
--trailmark-folder-depth-color: var(--trailmark-trail-brown);
|
|
--nav-item-size: 0.95em;
|
|
--nav-item-color: color-mix(in srgb, var(--trailmark-moonstone) 78%, var(--trailmark-light-ink-muted));
|
|
--nav-item-color-hover: var(--trailmark-moonstone);
|
|
--nav-item-color-active: var(--trailmark-moonstone);
|
|
--nav-item-background-hover: rgba(17, 35, 47, 0.06);
|
|
--nav-item-background-active: color-mix(in srgb, var(--trailmark-light-chrome) 68%, var(--trailmark-route) 8%);
|
|
--nav-item-padding: 0.28em 0.62em;
|
|
--nav-item-children-margin-start: 0.62em;
|
|
--nav-item-children-padding-start: 0.74em;
|
|
--nav-indentation-guide-width: 1px;
|
|
--nav-indentation-guide-color: rgba(83, 106, 116, 0.18);
|
|
}
|
|
|
|
.theme-light .nav-header,
|
|
.theme-light .nav-buttons-container,
|
|
.theme-light .workspace-leaf-content[data-type='file-explorer'] .view-header {
|
|
background: var(--trailmark-light-chrome);
|
|
border-color: var(--trailmark-light-chrome-border);
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-folder-children,
|
|
.theme-light .nav-files-container .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-route);
|
|
border-left-style: solid;
|
|
border-left-color: color-mix(in srgb, var(--trailmark-folder-depth-color) 24%, transparent);
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-folder-children .nav-folder-children,
|
|
.theme-light .nav-files-container .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-route-muted);
|
|
border-left-color: color-mix(in srgb, var(--trailmark-folder-depth-color) 22%, transparent);
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-light .nav-files-container .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-canyon);
|
|
border-left-color: color-mix(in srgb, var(--trailmark-folder-depth-color) 22%, transparent);
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-light .nav-files-container .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-route);
|
|
border-left-color: color-mix(in srgb, var(--trailmark-folder-depth-color) 20%, transparent);
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-light .nav-files-container .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: color-mix(in srgb, var(--trailmark-route-muted) 62%, var(--trailmark-moonstone));
|
|
border-left-color: color-mix(in srgb, var(--trailmark-folder-depth-color) 20%, transparent);
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children .nav-folder-children,
|
|
.theme-light .nav-files-container .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
|
|
--trailmark-folder-depth-color: var(--trailmark-trail-brown);
|
|
border-left-color: color-mix(in srgb, var(--trailmark-folder-depth-color) 20%, transparent);
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-folder-title,
|
|
.theme-light .nav-files-container .tree-item-self.nav-folder-title,
|
|
.theme-light .nav-files-container .nav-folder-title .nav-folder-title-content,
|
|
.theme-light .nav-files-container .tree-item-self.nav-folder-title .tree-item-inner {
|
|
color: color-mix(in srgb, var(--trailmark-folder-depth-color) 86%, var(--trailmark-moonstone));
|
|
font-weight: 560;
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-folder-title .collapse-icon,
|
|
.theme-light .nav-files-container .tree-item-self.nav-folder-title .collapse-icon {
|
|
color: color-mix(in srgb, var(--trailmark-folder-depth-color) 72%, var(--trailmark-light-ink-muted));
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-file-title,
|
|
.theme-light .nav-files-container .tree-item-self.nav-file-title,
|
|
.theme-light .nav-files-container .nav-file-title .nav-file-title-content,
|
|
.theme-light .nav-files-container .tree-item-self.nav-file-title .tree-item-inner {
|
|
color: var(--trailmark-light-file);
|
|
font-weight: 430;
|
|
}
|
|
|
|
.theme-light .nav-files-container .tree-item-self.nav-folder-title,
|
|
.theme-light .nav-files-container .tree-item-self.nav-file-title,
|
|
.theme-light .nav-files-container .nav-folder-title,
|
|
.theme-light .nav-files-container .nav-file-title {
|
|
min-height: 2.1em;
|
|
margin-block: 0.08em;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-folder-title:hover,
|
|
.theme-light .nav-files-container .nav-file-title:hover,
|
|
.theme-light .nav-files-container .tree-item-self:hover {
|
|
color: var(--trailmark-moonstone);
|
|
background: var(--nav-item-background-hover);
|
|
box-shadow: inset 2px 0 0 color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-route)) 36%, transparent);
|
|
}
|
|
|
|
.theme-light .nav-files-container .tree-item-self.is-active,
|
|
.theme-light .nav-files-container .nav-folder-title.is-active,
|
|
.theme-light .nav-files-container .nav-file-title.is-active {
|
|
color: var(--trailmark-moonstone);
|
|
background: var(--nav-item-background-active);
|
|
border-left-color: transparent;
|
|
box-shadow:
|
|
inset 2px 0 0 color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-route)) 58%, transparent),
|
|
inset 10px 0 18px color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-route)) 7%, transparent);
|
|
}
|
|
|
|
.theme-light .nav-files-container .tree-item-self.is-active .tree-item-inner,
|
|
.theme-light .nav-files-container .nav-folder-title.is-active .nav-folder-title-content,
|
|
.theme-light .nav-files-container .nav-file-title.is-active .nav-file-title-content,
|
|
.theme-light .nav-files-container .tree-item-self.is-active .collapse-icon {
|
|
color: var(--trailmark-moonstone);
|
|
}
|
|
|
|
/* Settings concept pass: Trailmark settings as a clean trail map, not a beacon console. */
|
|
.theme-dark .modal.mod-settings,
|
|
.theme-light .modal.mod-settings {
|
|
overflow: hidden;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings,
|
|
.theme-dark .modal.mod-settings .modal-content,
|
|
.theme-dark .modal.mod-settings .vertical-tab-content,
|
|
.theme-dark .modal.mod-settings .vertical-tab-content-container,
|
|
.theme-dark .modal.mod-settings .settings-container {
|
|
background: #071016;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings,
|
|
.theme-light .modal.mod-settings .modal-content,
|
|
.theme-light .modal.mod-settings .vertical-tab-content,
|
|
.theme-light .modal.mod-settings .vertical-tab-content-container,
|
|
.theme-light .modal.mod-settings .settings-container {
|
|
background: #EEF3F5;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-header {
|
|
background: #0B151C;
|
|
border-right: 1px solid rgba(41, 68, 82, 0.82);
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .vertical-tab-header {
|
|
background: #E1E9ED;
|
|
border-right: 1px solid #C6D2D8;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-header-group-title,
|
|
.theme-light .modal.mod-settings .vertical-tab-header-group-title {
|
|
color: var(--text-muted);
|
|
letter-spacing: 0;
|
|
text-transform: none;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-nav-item,
|
|
.theme-light .modal.mod-settings .vertical-tab-nav-item {
|
|
border-radius: 4px;
|
|
border-left: 2px solid transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-nav-item:hover {
|
|
background: rgba(111, 240, 232, 0.06);
|
|
color: #F4F7F8;
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .vertical-tab-nav-item:hover {
|
|
background: rgba(17, 35, 47, 0.055);
|
|
color: #11232F;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-nav-item.is-active {
|
|
color: #F4F7F8;
|
|
background: rgba(255, 84, 50, 0.10);
|
|
border-left-color: rgba(255, 84, 50, 0.76);
|
|
box-shadow: inset 8px 0 18px rgba(111, 240, 232, 0.035);
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .vertical-tab-nav-item.is-active {
|
|
color: #11232F;
|
|
background: #F7FAFB;
|
|
border-left-color: rgba(201, 74, 50, 0.78);
|
|
box-shadow: inset 8px 0 18px rgba(22, 123, 120, 0.055);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item,
|
|
.theme-light .modal.mod-settings .setting-item,
|
|
.theme-dark .vertical-tab-content .setting-item,
|
|
.theme-light .vertical-tab-content .setting-item,
|
|
.theme-dark .community-modal .setting-item,
|
|
.theme-light .community-modal .setting-item {
|
|
align-items: center;
|
|
min-height: 3.75rem;
|
|
margin: 0;
|
|
padding: 0.82rem 1rem;
|
|
border: 0;
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item,
|
|
.theme-dark .vertical-tab-content .setting-item,
|
|
.theme-dark .community-modal .setting-item {
|
|
background: rgba(18, 35, 45, 0.58);
|
|
border-bottom-color: rgba(41, 68, 82, 0.62);
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .setting-item,
|
|
.theme-light .vertical-tab-content .setting-item,
|
|
.theme-light .community-modal .setting-item {
|
|
background: #F7FAFB;
|
|
border-bottom-color: #D3DDE2;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item:hover {
|
|
background: rgba(24, 49, 63, 0.74);
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .setting-item:hover {
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-heading,
|
|
.theme-light .modal.mod-settings .setting-item-heading,
|
|
.theme-dark .vertical-tab-content .setting-item-heading,
|
|
.theme-light .vertical-tab-content .setting-item-heading,
|
|
.theme-dark .community-modal .setting-item-heading,
|
|
.theme-light .community-modal .setting-item-heading {
|
|
min-height: auto;
|
|
margin: 1.4rem 0 0.55rem;
|
|
padding: 0 0 0.28rem;
|
|
background: transparent;
|
|
border: 0;
|
|
border-bottom: 1px solid color-mix(in srgb, var(--trailmark-route-muted) 28%, transparent);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-heading .setting-item-name,
|
|
.theme-dark .vertical-tab-content .setting-item-heading .setting-item-name,
|
|
.theme-light .modal.mod-settings .setting-item-heading .setting-item-name,
|
|
.theme-light .vertical-tab-content .setting-item-heading .setting-item-name {
|
|
color: var(--trailmark-waypoint);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-name,
|
|
.theme-light .modal.mod-settings .setting-item-name {
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-description,
|
|
.theme-light .modal.mod-settings .setting-item-description {
|
|
max-width: 42rem;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .setting-item-control,
|
|
.theme-light .modal.mod-settings .setting-item-control {
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings select,
|
|
.theme-dark .modal.mod-settings .dropdown,
|
|
.theme-dark .modal.mod-settings input,
|
|
.theme-dark .modal.mod-settings textarea,
|
|
.theme-dark .modal.mod-settings button:not(.mod-warning),
|
|
.theme-light .modal.mod-settings select,
|
|
.theme-light .modal.mod-settings .dropdown,
|
|
.theme-light .modal.mod-settings input,
|
|
.theme-light .modal.mod-settings textarea,
|
|
.theme-light .modal.mod-settings button:not(.mod-warning) {
|
|
min-height: 2.1rem;
|
|
border-radius: 6px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings select,
|
|
.theme-dark .modal.mod-settings .dropdown,
|
|
.theme-dark .modal.mod-settings input,
|
|
.theme-dark .modal.mod-settings textarea,
|
|
.theme-dark .modal.mod-settings button:not(.mod-cta):not(.mod-warning) {
|
|
background: #0B151C;
|
|
color: var(--trailmark-dark-text);
|
|
border-color: rgba(41, 68, 82, 0.86);
|
|
}
|
|
|
|
.theme-light .modal.mod-settings select,
|
|
.theme-light .modal.mod-settings .dropdown,
|
|
.theme-light .modal.mod-settings input,
|
|
.theme-light .modal.mod-settings textarea,
|
|
.theme-light .modal.mod-settings button:not(.mod-cta):not(.mod-warning) {
|
|
background: #FFFFFF;
|
|
color: #17232B;
|
|
border-color: #C6D2D8;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings button:not(.mod-cta):not(.mod-warning):hover {
|
|
background: #18313F;
|
|
border-color: rgba(111, 240, 232, 0.28);
|
|
}
|
|
|
|
.theme-light .modal.mod-settings button:not(.mod-cta):not(.mod-warning):hover {
|
|
background: #E8EEF1;
|
|
border-color: rgba(22, 123, 120, 0.28);
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings button.mod-cta,
|
|
.theme-dark .modal.mod-settings .mod-cta,
|
|
.theme-light .modal.mod-settings button.mod-cta,
|
|
.theme-light .modal.mod-settings .mod-cta {
|
|
border-radius: 6px;
|
|
background: var(--trailmark-harvest-orange);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .checkbox-container,
|
|
.theme-light .modal.mod-settings .checkbox-container {
|
|
border-radius: 999px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .checkbox-container.is-enabled,
|
|
.theme-light .modal.mod-settings .checkbox-container.is-enabled {
|
|
background-color: var(--trailmark-harvest-orange);
|
|
border-color: var(--trailmark-harvest-orange);
|
|
}
|
|
|
|
/* Mobile/light folder pane: remove legacy beacon bar from active items. */
|
|
.theme-light .nav-files-container .tree-item-self.is-active,
|
|
.theme-light .nav-files-container .tree-item-self.nav-file-title.is-active,
|
|
.theme-light .nav-files-container .tree-item-self.nav-folder-title.is-active,
|
|
.theme-light .nav-files-container .nav-folder-title.is-active,
|
|
.theme-light .nav-files-container .nav-file-title.is-active {
|
|
border-left: 0;
|
|
border-right: 0;
|
|
background: var(--nav-item-background-active);
|
|
box-shadow:
|
|
inset 2px 0 0 color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-route)) 58%, transparent),
|
|
inset 10px 0 18px color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-route)) 7%, transparent);
|
|
}
|
|
|
|
.theme-light .nav-files-container .nav-file-title.is-active::before,
|
|
.theme-light .nav-files-container .nav-folder-title.is-active::before,
|
|
.theme-light .nav-files-container .tree-item-self.nav-file-title.is-active::before,
|
|
.theme-light .nav-files-container .tree-item-self.nav-folder-title.is-active::before {
|
|
content: none;
|
|
display: none;
|
|
}
|
|
|
|
/* Mobile light drawer picker: keep the bottom selector legible. */
|
|
.theme-light.is-mobile .workspace-drawer,
|
|
.theme-light.is-mobile .workspace-drawer-inner,
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-container,
|
|
.theme-light.is-mobile .mobile-navbar,
|
|
.theme-light.is-mobile .mobile-toolbar,
|
|
.theme-light.is-mobile .mobile-tab-switcher,
|
|
.theme-light.is-mobile .workspace-drawer-tab-option-item,
|
|
.theme-light.is-mobile .workspace-drawer-ribbon-action,
|
|
.theme-light.is-mobile .workspace-drawer-header,
|
|
.is-mobile .theme-light .workspace-drawer-active-tab-container,
|
|
.is-mobile .theme-light .workspace-drawer,
|
|
.is-mobile .theme-light .workspace-drawer-inner,
|
|
.is-mobile .theme-light .mobile-tab-switcher,
|
|
.is-mobile .theme-light .mobile-navbar,
|
|
.is-mobile .theme-light .mobile-toolbar,
|
|
.is-mobile .theme-light .workspace-drawer-tab-option-item,
|
|
.is-mobile .theme-light .workspace-drawer-ribbon-action,
|
|
.is-mobile .theme-light .workspace-drawer-header {
|
|
color: #1B3240;
|
|
background: #F0F5F7;
|
|
background-color: #F0F5F7;
|
|
border-color: #CDD7DC;
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.86),
|
|
0 8px 22px rgba(17, 35, 47, 0.13);
|
|
}
|
|
|
|
.theme-light.is-mobile .mobile-navbar .clickable-icon,
|
|
.theme-light.is-mobile .mobile-toolbar .clickable-icon,
|
|
.theme-light.is-mobile .mobile-tab-switcher .clickable-icon,
|
|
.theme-light.is-mobile .workspace-drawer-tab-option-item,
|
|
.theme-light.is-mobile .workspace-drawer-ribbon-action,
|
|
.is-mobile .theme-light .mobile-navbar .clickable-icon,
|
|
.is-mobile .theme-light .mobile-toolbar .clickable-icon,
|
|
.is-mobile .theme-light .mobile-tab-switcher .clickable-icon,
|
|
.is-mobile .theme-light .workspace-drawer-tab-option-item,
|
|
.is-mobile .theme-light .workspace-drawer-ribbon-action {
|
|
color: #536A74;
|
|
fill: #536A74;
|
|
stroke: #536A74;
|
|
}
|
|
|
|
.theme-light.is-mobile .workspace-drawer-tab-option-item.is-active .clickable-icon,
|
|
.theme-light.is-mobile .workspace-drawer-ribbon-action.is-active .clickable-icon,
|
|
.theme-light.is-mobile .mobile-navbar .clickable-icon.is-active,
|
|
.theme-light.is-mobile .mobile-toolbar .clickable-icon.is-active,
|
|
.is-mobile .theme-light .workspace-drawer-tab-option-item.is-active .clickable-icon,
|
|
.is-mobile .theme-light .workspace-drawer-ribbon-action.is-active .clickable-icon,
|
|
.is-mobile .theme-light .mobile-navbar .clickable-icon.is-active,
|
|
.is-mobile .theme-light .mobile-toolbar .clickable-icon.is-active {
|
|
color: #167B78;
|
|
fill: #167B78;
|
|
stroke: #167B78;
|
|
}
|
|
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-header,
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-title,
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-icon,
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-chevron,
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-container .clickable-icon,
|
|
.is-mobile .theme-light .workspace-drawer-active-tab-header,
|
|
.is-mobile .theme-light .workspace-drawer-active-tab-title,
|
|
.is-mobile .theme-light .workspace-drawer-active-tab-icon,
|
|
.is-mobile .theme-light .workspace-drawer-active-tab-chevron,
|
|
.is-mobile .theme-light .workspace-drawer-active-tab-container .clickable-icon {
|
|
color: #1B3240;
|
|
fill: #1B3240;
|
|
stroke: #1B3240;
|
|
}
|
|
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-header,
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-container,
|
|
.is-mobile .theme-light .workspace-drawer-active-tab-header,
|
|
.is-mobile .theme-light .workspace-drawer-active-tab-container {
|
|
--background-secondary: #EEF4F6;
|
|
--background-secondary-alt: #E4ECEF;
|
|
--background-primary-alt: #F0F5F7;
|
|
--text-normal: #1B3240;
|
|
--text-muted: #536A74;
|
|
background: #EEF4F6;
|
|
background-color: #EEF4F6;
|
|
border-color: #C9D5DA;
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.82),
|
|
0 8px 18px rgba(17, 35, 47, 0.14);
|
|
}
|
|
|
|
body.theme-light.is-mobile .workspace-drawer-active-tab-container,
|
|
body.theme-light.is-mobile .workspace-drawer-active-tab-header,
|
|
body.theme-light.is-mobile .mobile-navbar,
|
|
body.theme-light.is-mobile .mobile-toolbar,
|
|
body.theme-light.is-mobile .mobile-tab-switcher,
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-container,
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-header,
|
|
.theme-light.is-mobile .mobile-navbar,
|
|
.theme-light.is-mobile .mobile-toolbar,
|
|
.theme-light.is-mobile .mobile-tab-switcher {
|
|
--background-secondary: #EEF4F6;
|
|
--background-secondary-alt: #E4ECEF;
|
|
--background-primary-alt: #F0F5F7;
|
|
--text-normal: #1B3240;
|
|
--text-muted: #536A74;
|
|
color: #1B3240;
|
|
background: #EEF4F6;
|
|
background-color: #EEF4F6;
|
|
border-color: #C9D5DA;
|
|
}
|
|
|
|
body.theme-light.is-mobile .workspace-drawer-active-tab-container *,
|
|
body.theme-light.is-mobile .workspace-drawer-active-tab-header *,
|
|
body.theme-light.is-mobile .mobile-navbar .clickable-icon,
|
|
body.theme-light.is-mobile .mobile-toolbar .clickable-icon,
|
|
body.theme-light.is-mobile .mobile-tab-switcher .clickable-icon {
|
|
color: #536A74;
|
|
fill: #536A74;
|
|
stroke: #536A74;
|
|
}
|
|
|
|
body.theme-light.is-mobile .mobile-navbar .clickable-icon.is-active,
|
|
body.theme-light.is-mobile .mobile-navbar .is-active > .clickable-icon,
|
|
body.theme-light.is-mobile .mobile-toolbar .clickable-icon.is-active,
|
|
body.theme-light.is-mobile .mobile-toolbar .is-active > .clickable-icon {
|
|
color: #167B78;
|
|
fill: #167B78;
|
|
stroke: #167B78;
|
|
}
|
|
|
|
body.theme-light.is-mobile .workspace-drawer,
|
|
body.theme-light.is-mobile .workspace-drawer-inner,
|
|
body.theme-light.is-mobile .workspace-drawer-active-tab-container,
|
|
body.theme-light.is-mobile .workspace-drawer-header,
|
|
body.theme-light.is-mobile .mobile-tab-switcher {
|
|
--background-primary: #E8EEF1;
|
|
--background-primary-alt: #F0F5F7;
|
|
--background-secondary: #E8EEF1;
|
|
--background-secondary-alt: #DDE7EB;
|
|
--text-normal: #1B3240;
|
|
--text-muted: #536A74;
|
|
background: #E8EEF1;
|
|
background-color: #E8EEF1;
|
|
border-color: #CDD7DC;
|
|
color: #1B3240;
|
|
}
|
|
|
|
body.theme-light.is-mobile .workspace-drawer-tab-option-item,
|
|
body.theme-light.is-mobile .workspace-drawer-ribbon-action,
|
|
body.theme-light.is-mobile .mobile-tab-switcher .workspace-drawer-tab-option-item,
|
|
body.theme-light.is-mobile .mobile-tab-switcher .workspace-drawer-ribbon-action {
|
|
background: #E8EEF1;
|
|
background-color: #E8EEF1;
|
|
color: #536A74;
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
body.theme-light.is-mobile .workspace-drawer-tab-option-item .clickable-icon,
|
|
body.theme-light.is-mobile .workspace-drawer-ribbon-action .clickable-icon,
|
|
body.theme-light.is-mobile .mobile-tab-switcher .clickable-icon {
|
|
color: #536A74;
|
|
fill: #536A74;
|
|
stroke: #536A74;
|
|
}
|
|
|
|
body.theme-light.is-mobile .workspace-drawer-tab-option-item.is-active,
|
|
body.theme-light.is-mobile .workspace-drawer-ribbon-action.is-active {
|
|
background: #F6F9FA;
|
|
background-color: #F6F9FA;
|
|
color: #11232F;
|
|
border-bottom: 2px solid var(--trailmark-canyon);
|
|
}
|
|
|
|
body.theme-light.is-mobile .workspace-drawer-tab-option-item.is-active .clickable-icon,
|
|
body.theme-light.is-mobile .workspace-drawer-ribbon-action.is-active .clickable-icon {
|
|
color: #536A74;
|
|
fill: #536A74;
|
|
stroke: #536A74;
|
|
}
|
|
|
|
.theme-light .workspace-drawer.mod-left .workspace-drawer-active-tab-container,
|
|
.theme-light .workspace-drawer.mod-right .workspace-drawer-active-tab-container,
|
|
.theme-light .workspace-drawer.mod-left .workspace-drawer-active-tab-header,
|
|
.theme-light .workspace-drawer.mod-right .workspace-drawer-active-tab-header,
|
|
.theme-light .workspace-drawer-active-tab-container,
|
|
.theme-light .workspace-drawer-active-tab-header {
|
|
--background-primary: #F0F5F7;
|
|
--background-primary-alt: #EEF4F6;
|
|
--background-secondary: #E8EEF1;
|
|
--background-secondary-alt: #DDE7EB;
|
|
--text-normal: #1B3240;
|
|
--text-muted: #536A74;
|
|
color: #1B3240;
|
|
background: #EEF4F6;
|
|
background-color: #EEF4F6;
|
|
border-color: #CDD7DC;
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.86),
|
|
0 8px 18px rgba(17, 35, 47, 0.14);
|
|
}
|
|
|
|
.theme-light .workspace-drawer-active-tab-container .clickable-icon,
|
|
.theme-light .workspace-drawer-active-tab-container .workspace-drawer-active-tab-icon,
|
|
.theme-light .workspace-drawer-active-tab-container .workspace-drawer-active-tab-title,
|
|
.theme-light .workspace-drawer-active-tab-container .workspace-drawer-active-tab-chevron,
|
|
.theme-light .workspace-drawer-active-tab-header .clickable-icon,
|
|
.theme-light .workspace-drawer-active-tab-header .workspace-drawer-active-tab-icon,
|
|
.theme-light .workspace-drawer-active-tab-header .workspace-drawer-active-tab-title,
|
|
.theme-light .workspace-drawer-active-tab-header .workspace-drawer-active-tab-chevron {
|
|
color: #536A74;
|
|
fill: #536A74;
|
|
stroke: #536A74;
|
|
}
|
|
|
|
body.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-container,
|
|
body.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-header,
|
|
body.is-mobile:not([data-theme='dark']) .workspace-drawer-active-tab-container,
|
|
body.is-mobile:not([data-theme='dark']) .workspace-drawer-active-tab-header,
|
|
.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-container,
|
|
.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-header {
|
|
--background-primary: #F0F5F7;
|
|
--background-primary-alt: #EEF4F6;
|
|
--background-secondary: #E8EEF1;
|
|
--background-secondary-alt: #DDE7EB;
|
|
--text-normal: #1B3240;
|
|
--text-muted: #536A74;
|
|
color: #1B3240;
|
|
background: #EEF4F6;
|
|
background-color: #EEF4F6;
|
|
border-color: #CDD7DC;
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.86),
|
|
0 8px 18px rgba(17, 35, 47, 0.14);
|
|
}
|
|
|
|
body.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-container::before,
|
|
body.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-container::after,
|
|
body.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-header::before,
|
|
body.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-header::after,
|
|
body.is-mobile:not([data-theme='dark']) .workspace-drawer-active-tab-container::before,
|
|
body.is-mobile:not([data-theme='dark']) .workspace-drawer-active-tab-container::after,
|
|
body.is-mobile:not([data-theme='dark']) .workspace-drawer-active-tab-header::before,
|
|
body.is-mobile:not([data-theme='dark']) .workspace-drawer-active-tab-header::after,
|
|
.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-container::before,
|
|
.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-container::after,
|
|
.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-header::before,
|
|
.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-header::after {
|
|
background: #EEF4F6;
|
|
background-color: #EEF4F6;
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
body.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-container *,
|
|
body.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-header *,
|
|
body.is-mobile:not([data-theme='dark']) .workspace-drawer-active-tab-container *,
|
|
body.is-mobile:not([data-theme='dark']) .workspace-drawer-active-tab-header *,
|
|
.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-container *,
|
|
.is-mobile:not(.theme-dark) .workspace-drawer-active-tab-header * {
|
|
color: #536A74;
|
|
fill: #536A74;
|
|
stroke: #536A74;
|
|
}
|
|
|
|
/* Light-mode border repair: keep dark trail chrome from leaking into light surfaces. */
|
|
.theme-light,
|
|
body[data-theme='light'] {
|
|
--background-secondary: var(--trailmark-light-surface);
|
|
--background-secondary-alt: var(--trailmark-light-bg-subtle);
|
|
--background-modifier-border: #CDD7DC;
|
|
--border-color: #CDD7DC;
|
|
--titlebar-background: #E8EEF1;
|
|
--titlebar-background-focused: #E8EEF1;
|
|
--ribbon-background: #DDE7EB;
|
|
}
|
|
|
|
.theme-light .workspace-leaf.mod-active {
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.72),
|
|
0 0 0 1px rgba(205, 215, 220, 0.36);
|
|
}
|
|
|
|
.theme-light .view-header,
|
|
.theme-light .workspace-tabs,
|
|
.theme-light .workspace-tab-container,
|
|
.theme-light .workspace-leaf-content,
|
|
.theme-light .workspace-leaf-content[data-type],
|
|
.theme-light .metadata-container,
|
|
.theme-light .metadata-properties,
|
|
.theme-light .callout,
|
|
.theme-light .markdown-embed,
|
|
.theme-light .modal,
|
|
.theme-light .prompt,
|
|
.theme-light .popover,
|
|
.theme-light .menu,
|
|
.theme-light .suggestion-container,
|
|
.theme-light .search-result-container,
|
|
.theme-light .setting-item,
|
|
.theme-light .forge-health-dashboard,
|
|
.theme-light .forge-modal .modal-content,
|
|
.theme-light .forge-ms-panel,
|
|
.theme-light .forge-restore-item,
|
|
.theme-light .forge-health-issue-group,
|
|
.theme-light .forge-health-issue,
|
|
.theme-light .forge-health-metric,
|
|
.theme-light .forge-field-order-item,
|
|
.theme-light .forge-shape-fields,
|
|
.theme-light .forge-ms-trigger {
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
.theme-light .workspace-split.mod-left-split,
|
|
.theme-light .workspace-split.mod-right-split,
|
|
.theme-light .workspace-leaf-resize-handle,
|
|
.theme-light .workspace-sidedock-vault-profile,
|
|
.theme-light .status-bar {
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
.theme-light .titlebar,
|
|
.theme-light .titlebar-button-container,
|
|
.theme-light .titlebar-button-container.mod-left,
|
|
.theme-light .workspace-tabs .workspace-tab-header-container,
|
|
.theme-light .workspace-tab-header-container,
|
|
.theme-light .workspace-sidedock-vault-profile,
|
|
.theme-light .workspace-sidedock-vault-profile:hover,
|
|
.theme-light .status-bar,
|
|
body.theme-light .titlebar,
|
|
body.theme-light .titlebar-button-container,
|
|
body.theme-light .titlebar-button-container.mod-left,
|
|
body.theme-light .workspace-tabs .workspace-tab-header-container,
|
|
body.theme-light .workspace-tab-header-container,
|
|
body.theme-light .workspace-sidedock-vault-profile,
|
|
body.theme-light .workspace-sidedock-vault-profile:hover,
|
|
body.theme-light .status-bar {
|
|
background: #E8EEF1;
|
|
background-color: #E8EEF1;
|
|
border-color: #CDD7DC;
|
|
color: #536A74;
|
|
}
|
|
|
|
.theme-light .workspace-ribbon,
|
|
.theme-light .workspace-ribbon.mod-left,
|
|
.theme-light .workspace-ribbon.mod-right,
|
|
body.theme-light .workspace-ribbon,
|
|
body.theme-light .workspace-ribbon.mod-left,
|
|
body.theme-light .workspace-ribbon.mod-right {
|
|
background: #DDE7EB;
|
|
background-color: #DDE7EB;
|
|
border-color: #CDD7DC;
|
|
color: #536A74;
|
|
}
|
|
|
|
.theme-light .workspace-ribbon .clickable-icon,
|
|
.theme-light .workspace-sidedock-vault-profile .clickable-icon,
|
|
.theme-light .workspace-sidedock-vault-profile-name,
|
|
.theme-light .workspace-sidedock-vault-profile-icon,
|
|
body.theme-light .workspace-ribbon .clickable-icon,
|
|
body.theme-light .workspace-sidedock-vault-profile .clickable-icon,
|
|
body.theme-light .workspace-sidedock-vault-profile-name,
|
|
body.theme-light .workspace-sidedock-vault-profile-icon {
|
|
color: #536A74;
|
|
fill: #536A74;
|
|
stroke: #536A74;
|
|
}
|
|
|
|
.theme-light .forge-health-section-header,
|
|
.theme-light .forge-health-section-toggle,
|
|
.theme-light .forge-health-section-status,
|
|
.theme-light .forge-health-pill {
|
|
border-color: #BDD0D5;
|
|
}
|
|
|
|
.theme-light.is-mobile,
|
|
body.theme-light.is-mobile,
|
|
body.is-mobile:not(.theme-dark):not([data-theme='dark']) {
|
|
--background-primary: #F5F7F8;
|
|
--background-primary-alt: #EEF4F6;
|
|
--background-secondary: #E8EEF1;
|
|
--background-secondary-alt: #DDE7EB;
|
|
--background-modifier-border: #CDD7DC;
|
|
--text-normal: #1B3240;
|
|
--text-muted: #536A74;
|
|
}
|
|
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-container,
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-header,
|
|
body.theme-light.is-mobile .workspace-drawer-active-tab-container,
|
|
body.theme-light.is-mobile .workspace-drawer-active-tab-header,
|
|
body.is-mobile:not(.theme-dark):not([data-theme='dark']) .workspace-drawer-active-tab-container,
|
|
body.is-mobile:not(.theme-dark):not([data-theme='dark']) .workspace-drawer-active-tab-header {
|
|
color: #1B3240;
|
|
background: #EEF4F6;
|
|
background-color: #EEF4F6;
|
|
border-color: #CDD7DC;
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.86),
|
|
0 8px 18px rgba(17, 35, 47, 0.14);
|
|
}
|
|
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-container *,
|
|
.theme-light.is-mobile .workspace-drawer-active-tab-header *,
|
|
body.theme-light.is-mobile .workspace-drawer-active-tab-container *,
|
|
body.theme-light.is-mobile .workspace-drawer-active-tab-header *,
|
|
body.is-mobile:not(.theme-dark):not([data-theme='dark']) .workspace-drawer-active-tab-container *,
|
|
body.is-mobile:not(.theme-dark):not([data-theme='dark']) .workspace-drawer-active-tab-header * {
|
|
color: #536A74;
|
|
fill: #536A74;
|
|
stroke: #536A74;
|
|
}
|
|
|
|
/* Mobile light active picker: fake-ID specificity for Obsidian mobile chrome. */
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) {
|
|
--mobile-sidebar-background: #E8EEF1;
|
|
--mobile-toolbar-background: #EEF4F6;
|
|
--mobile-navbar-background: #EEF4F6;
|
|
--mobile-tab-switcher-background: #EEF4F6;
|
|
--interactive-normal: #F6F9FA;
|
|
--interactive-hover: #E8EEF1;
|
|
--background-primary: #F5F7F8;
|
|
--background-primary-alt: #EEF4F6;
|
|
--background-secondary: #E8EEF1;
|
|
--background-secondary-alt: #DDE7EB;
|
|
--background-modifier-border: #CDD7DC;
|
|
--text-normal: #1B3240;
|
|
--text-muted: #536A74;
|
|
}
|
|
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) :is(
|
|
.workspace-drawer,
|
|
.workspace-drawer-inner,
|
|
.workspace-drawer-header,
|
|
.workspace-drawer-active-tab-container,
|
|
.workspace-drawer-active-tab-header,
|
|
.workspace-drawer-active-tab-selector,
|
|
.workspace-drawer-active-tab-selector-container,
|
|
.workspace-drawer-tab-container,
|
|
.workspace-drawer-tab-option-container,
|
|
.workspace-drawer-tab-option-item,
|
|
.workspace-drawer-ribbon-action,
|
|
.mobile-navbar,
|
|
.mobile-toolbar,
|
|
.mobile-tab-switcher,
|
|
.mobile-tab-switcher-container
|
|
) {
|
|
color: #1B3240;
|
|
background: #EEF4F6;
|
|
background-color: #EEF4F6;
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) .workspace-drawer-active-tab-container::before,
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) .workspace-drawer-active-tab-container::after,
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) .workspace-drawer-active-tab-header::before,
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) .workspace-drawer-active-tab-header::after,
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) .mobile-tab-switcher::before,
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) .mobile-tab-switcher::after {
|
|
background: #EEF4F6;
|
|
background-color: #EEF4F6;
|
|
border-color: #CDD7DC;
|
|
}
|
|
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) :is(
|
|
.workspace-drawer-tab-option-item.is-active,
|
|
.workspace-drawer-ribbon-action.is-active,
|
|
.mobile-navbar .clickable-icon.is-active,
|
|
.mobile-navbar .is-active,
|
|
.mobile-toolbar .clickable-icon.is-active,
|
|
.mobile-toolbar .is-active,
|
|
.mobile-tab-switcher .clickable-icon.is-active,
|
|
.mobile-tab-switcher .is-active
|
|
) {
|
|
color: #11232F;
|
|
background: #F6F9FA;
|
|
background-color: #F6F9FA;
|
|
border-color: #C9D5DA;
|
|
box-shadow:
|
|
inset 0 -2px 0 rgba(201, 74, 50, 0.62),
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.88);
|
|
}
|
|
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) :is(
|
|
.workspace-drawer-active-tab-container *,
|
|
.workspace-drawer-active-tab-header *,
|
|
.workspace-drawer-tab-option-item *,
|
|
.workspace-drawer-ribbon-action *,
|
|
.mobile-navbar .clickable-icon,
|
|
.mobile-toolbar .clickable-icon,
|
|
.mobile-tab-switcher .clickable-icon
|
|
) {
|
|
color: #536A74;
|
|
fill: #536A74;
|
|
stroke: #536A74;
|
|
}
|
|
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) :is(
|
|
.workspace-drawer-tab-option-item.is-active *,
|
|
.workspace-drawer-ribbon-action.is-active *,
|
|
.mobile-navbar .clickable-icon.is-active,
|
|
.mobile-navbar .is-active > .clickable-icon,
|
|
.mobile-toolbar .clickable-icon.is-active,
|
|
.mobile-toolbar .is-active > .clickable-icon,
|
|
.mobile-tab-switcher .clickable-icon.is-active,
|
|
.mobile-tab-switcher .is-active > .clickable-icon
|
|
) {
|
|
color: #167B78;
|
|
fill: #167B78;
|
|
stroke: #167B78;
|
|
}
|
|
|
|
/* Mobile light file explorer: restore folder-depth color after broad drawer chrome rules. */
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) .nav-files-container :is(
|
|
.nav-folder-title,
|
|
.tree-item-self.nav-folder-title,
|
|
.nav-folder-title .nav-folder-title-content,
|
|
.tree-item-self.nav-folder-title .tree-item-inner
|
|
) {
|
|
color: color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-route)) 88%, var(--trailmark-moonstone));
|
|
fill: currentColor;
|
|
stroke: currentColor;
|
|
}
|
|
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) .nav-files-container :is(
|
|
.nav-folder-title .collapse-icon,
|
|
.tree-item-self.nav-folder-title .collapse-icon,
|
|
.nav-folder-title svg,
|
|
.tree-item-self.nav-folder-title svg
|
|
) {
|
|
color: color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-route)) 74%, var(--trailmark-light-ink-muted));
|
|
fill: currentColor;
|
|
stroke: currentColor;
|
|
}
|
|
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) .nav-files-container :is(
|
|
.nav-file-title,
|
|
.tree-item-self.nav-file-title,
|
|
.nav-file-title .nav-file-title-content,
|
|
.tree-item-self.nav-file-title .tree-item-inner
|
|
) {
|
|
color: var(--trailmark-light-file);
|
|
fill: currentColor;
|
|
stroke: currentColor;
|
|
}
|
|
|
|
:is(#trailmark-mobile-light-override, body.theme-light.is-mobile, body.is-mobile:not(.theme-dark):not([data-theme='dark'])) .nav-files-container :is(
|
|
.tree-item-self.is-active,
|
|
.tree-item-self.nav-file-title.is-active,
|
|
.tree-item-self.nav-folder-title.is-active,
|
|
.nav-folder-title.is-active,
|
|
.nav-file-title.is-active,
|
|
.tree-item-self.is-active *,
|
|
.tree-item-self.nav-file-title.is-active *,
|
|
.tree-item-self.nav-folder-title.is-active *,
|
|
.nav-folder-title.is-active *,
|
|
.nav-file-title.is-active *
|
|
) {
|
|
color: var(--trailmark-moonstone);
|
|
fill: currentColor;
|
|
stroke: currentColor;
|
|
}
|
|
|
|
/* Mobile dark drawer picker: prevent light-mode picker borders from leaking into dark mode. */
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) :is(
|
|
.workspace-drawer,
|
|
.workspace-drawer-inner,
|
|
.workspace-drawer-header,
|
|
.workspace-drawer-active-tab-container,
|
|
.workspace-drawer-active-tab-header,
|
|
.workspace-drawer-active-tab-selector,
|
|
.workspace-drawer-active-tab-selector-container,
|
|
.workspace-drawer-tab-container,
|
|
.workspace-drawer-tab-option-container,
|
|
.workspace-drawer-tab-option-item,
|
|
.workspace-drawer-ribbon-action,
|
|
.mobile-navbar,
|
|
.mobile-toolbar,
|
|
.mobile-tab-switcher,
|
|
.mobile-tab-switcher-container
|
|
) {
|
|
color: var(--trailmark-dark-text-muted);
|
|
background: var(--trailmark-dark-nav-bg);
|
|
background-color: var(--trailmark-dark-nav-bg);
|
|
border-color: color-mix(in srgb, var(--trailmark-dark-border) 78%, transparent);
|
|
}
|
|
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .workspace-drawer-active-tab-container::before,
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .workspace-drawer-active-tab-container::after,
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .workspace-drawer-active-tab-header::before,
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .workspace-drawer-active-tab-header::after,
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .mobile-tab-switcher::before,
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .mobile-tab-switcher::after {
|
|
background: var(--trailmark-dark-nav-bg);
|
|
background-color: var(--trailmark-dark-nav-bg);
|
|
border-color: color-mix(in srgb, var(--trailmark-dark-border) 78%, transparent);
|
|
}
|
|
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .workspace-drawer-active-tab-container {
|
|
box-shadow:
|
|
inset 0 1px 0 color-mix(in srgb, var(--trailmark-seafoam) 11%, transparent),
|
|
0 8px 22px color-mix(in srgb, #000 34%, transparent);
|
|
}
|
|
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) :is(
|
|
.workspace-drawer-active-tab-container *,
|
|
.workspace-drawer-active-tab-header *,
|
|
.workspace-drawer-tab-option-item *,
|
|
.workspace-drawer-ribbon-action *,
|
|
.mobile-navbar .clickable-icon,
|
|
.mobile-toolbar .clickable-icon,
|
|
.mobile-tab-switcher .clickable-icon
|
|
) {
|
|
color: var(--trailmark-dark-text-muted);
|
|
fill: currentColor;
|
|
stroke: currentColor;
|
|
}
|
|
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) :is(
|
|
.workspace-drawer-tab-option-item.is-active,
|
|
.workspace-drawer-ribbon-action.is-active,
|
|
.mobile-navbar .clickable-icon.is-active,
|
|
.mobile-navbar .is-active,
|
|
.mobile-toolbar .clickable-icon.is-active,
|
|
.mobile-toolbar .is-active,
|
|
.mobile-tab-switcher .clickable-icon.is-active,
|
|
.mobile-tab-switcher .is-active
|
|
) {
|
|
color: var(--trailmark-seafoam);
|
|
background: color-mix(in srgb, var(--trailmark-dark-surface-alt) 78%, var(--trailmark-dark-nav-bg));
|
|
background-color: color-mix(in srgb, var(--trailmark-dark-surface-alt) 78%, var(--trailmark-dark-nav-bg));
|
|
border-color: color-mix(in srgb, var(--trailmark-seafoam) 22%, var(--trailmark-dark-border));
|
|
}
|
|
|
|
/* Mobile dark file explorer: restore folder-depth color after broad drawer chrome rules. */
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .nav-files-container :is(
|
|
.nav-folder-title,
|
|
.tree-item-self.nav-folder-title,
|
|
.nav-folder-title .nav-folder-title-content,
|
|
.tree-item-self.nav-folder-title .tree-item-inner
|
|
) {
|
|
color: color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-seafoam)) 86%, var(--trailmark-dark-text-muted));
|
|
fill: currentColor;
|
|
stroke: currentColor;
|
|
}
|
|
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .nav-files-container :is(
|
|
.nav-folder-title .collapse-icon,
|
|
.tree-item-self.nav-folder-title .collapse-icon,
|
|
.nav-folder-title svg,
|
|
.tree-item-self.nav-folder-title svg
|
|
) {
|
|
color: color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-seafoam)) 72%, var(--trailmark-dark-text-muted));
|
|
fill: currentColor;
|
|
stroke: currentColor;
|
|
}
|
|
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .nav-files-container :is(
|
|
.nav-file-title,
|
|
.tree-item-self.nav-file-title,
|
|
.nav-file-title .nav-file-title-content,
|
|
.tree-item-self.nav-file-title .tree-item-inner
|
|
) {
|
|
color: var(--trailmark-dark-file);
|
|
fill: currentColor;
|
|
stroke: currentColor;
|
|
}
|
|
|
|
:is(#trailmark-mobile-dark-override, body.theme-dark.is-mobile, body.is-mobile.theme-dark, body.is-mobile[data-theme='dark'], .theme-dark.is-mobile, .is-mobile .theme-dark) .nav-files-container :is(
|
|
.tree-item-self.is-active,
|
|
.tree-item-self.nav-file-title.is-active,
|
|
.tree-item-self.nav-folder-title.is-active,
|
|
.nav-folder-title.is-active,
|
|
.nav-file-title.is-active,
|
|
.tree-item-self.is-active *,
|
|
.tree-item-self.nav-file-title.is-active *,
|
|
.tree-item-self.nav-folder-title.is-active *,
|
|
.nav-folder-title.is-active *,
|
|
.nav-file-title.is-active *
|
|
) {
|
|
color: var(--trailmark-cloud);
|
|
fill: currentColor;
|
|
stroke: currentColor;
|
|
}
|
|
|
|
/* Heading underline completion: fully move the H2 rule to H1 and leave H2 with the shorter trail underline. */
|
|
:is(#trailmark-heading-underline-swap, .theme-dark) :is(.markdown-rendered h1, .markdown-preview-view h1) {
|
|
border-bottom: 1px solid color-mix(in srgb, var(--trailmark-seafoam) 30%, transparent);
|
|
}
|
|
|
|
:is(#trailmark-heading-underline-swap, .theme-light) :is(.markdown-rendered h1, .markdown-preview-view h1) {
|
|
border-bottom: 1px solid color-mix(in srgb, var(--trailmark-route) 28%, transparent);
|
|
}
|
|
|
|
:is(#trailmark-heading-underline-swap, .theme-dark, .theme-light) :is(.markdown-rendered h2, .markdown-preview-view h2) {
|
|
border-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
/* Heading depth ramp: adjacent levels alternate color families and only h3-h6 step inward. */
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, body[data-theme='dark']) {
|
|
--h1-color: var(--trailmark-harvest-orange);
|
|
--h2-color: var(--trailmark-seafoam);
|
|
--h3-color: var(--trailmark-fog);
|
|
--h4-color: var(--trailmark-campfire);
|
|
--h5-color: var(--trailmark-route-soft);
|
|
--h6-color: color-mix(in srgb, var(--trailmark-harvest-orange) 58%, var(--trailmark-dark-text-muted));
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-light, body[data-theme='light']) {
|
|
--h1-color: var(--trailmark-copper);
|
|
--h2-color: var(--trailmark-route);
|
|
--h3-color: var(--trailmark-trail-olive);
|
|
--h4-color: var(--trailmark-route-muted-base);
|
|
--h5-color: var(--trailmark-canyon);
|
|
--h6-color: var(--trailmark-light-text-muted);
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h1,
|
|
.markdown-preview-view h1,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-1,
|
|
.markdown-source-view.mod-cm6 .cm-header-1
|
|
) {
|
|
color: var(--h1-color);
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h2,
|
|
.markdown-preview-view h2,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-2,
|
|
.markdown-source-view.mod-cm6 .cm-header-2
|
|
) {
|
|
color: var(--h2-color);
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h3,
|
|
.markdown-preview-view h3,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-3,
|
|
.markdown-source-view.mod-cm6 .cm-header-3
|
|
) {
|
|
color: var(--h3-color);
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h4,
|
|
.markdown-preview-view h4,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-4,
|
|
.markdown-source-view.mod-cm6 .cm-header-4
|
|
) {
|
|
color: var(--h4-color);
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h5,
|
|
.markdown-preview-view h5,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-5,
|
|
.markdown-source-view.mod-cm6 .cm-header-5
|
|
) {
|
|
color: var(--h5-color);
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h6,
|
|
.markdown-preview-view h6,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-6,
|
|
.markdown-source-view.mod-cm6 .cm-header-6
|
|
) {
|
|
color: var(--h6-color);
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h1,
|
|
.markdown-preview-view h1,
|
|
.markdown-rendered h2,
|
|
.markdown-preview-view h2,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-1,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-2
|
|
) {
|
|
padding-left: 0;
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h3,
|
|
.markdown-preview-view h3,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-3
|
|
) {
|
|
padding-left: 0.28rem;
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h4,
|
|
.markdown-preview-view h4,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-4
|
|
) {
|
|
padding-left: 0.5rem;
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h5,
|
|
.markdown-preview-view h5,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-5
|
|
) {
|
|
padding-left: 0.72rem;
|
|
}
|
|
|
|
:is(#trailmark-heading-depth-ramp, .theme-dark, .theme-light) :is(
|
|
.markdown-rendered h6,
|
|
.markdown-preview-view h6,
|
|
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-6
|
|
) {
|
|
padding-left: 0.94rem;
|
|
}
|
|
|
|
/* File explorer stability: active and hover cues must not change row width or folder text alignment. */
|
|
:is(#trailmark-nav-stability, .theme-dark, .theme-light) .nav-files-container :is(
|
|
.tree-item-self.nav-file-title,
|
|
.tree-item-self.nav-folder-title,
|
|
.nav-file-title,
|
|
.nav-folder-title
|
|
) {
|
|
box-sizing: border-box;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
}
|
|
|
|
:is(#trailmark-nav-stability, .theme-dark, .theme-light) .nav-files-container :is(
|
|
.tree-item-self.nav-file-title,
|
|
.tree-item-self.nav-folder-title,
|
|
.nav-file-title,
|
|
.nav-folder-title
|
|
)::before,
|
|
:is(#trailmark-nav-stability, .theme-dark, .theme-light) .nav-files-container :is(
|
|
.tree-item-self.nav-folder-title,
|
|
.nav-folder-title
|
|
)::after {
|
|
content: none;
|
|
display: none;
|
|
}
|
|
|
|
:is(#trailmark-nav-stability, .theme-dark, .theme-light) .nav-files-container :is(
|
|
.tree-item-self.is-active,
|
|
.tree-item-self.nav-file-title.is-active,
|
|
.tree-item-self.nav-folder-title.is-active,
|
|
.nav-file-title.is-active,
|
|
.nav-folder-title.is-active
|
|
) {
|
|
border-left: 0;
|
|
border-right: 0;
|
|
box-shadow:
|
|
inset 2px 0 0 color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-harvest-orange)) 76%, var(--trailmark-harvest-orange)),
|
|
inset 10px 0 18px color-mix(in srgb, var(--trailmark-folder-depth-color, var(--trailmark-route)) 8%, transparent);
|
|
}
|