169 lines
3.1 KiB
CSS
169 lines
3.1 KiB
CSS
/* 1. Colours! Overriding both themes */
|
|
.theme-dark {
|
|
--color-1: #FDF7CD;
|
|
--color-2: #00ECD8;
|
|
--color-3: #E92741;
|
|
--color-4: #3EC840;
|
|
--color-5: #E1DC3F;
|
|
--color-6: #418FDD;
|
|
--color-7: #FF9900;
|
|
|
|
--background-primary: #000000;
|
|
--background-primary-alt: #000000;
|
|
--background-secondary: #000000;
|
|
--background-secondary-alt: #000000;
|
|
|
|
--text-normal: var(--color-1);
|
|
--text-muted: var(--color-5);
|
|
--text-accent: var(--color-3);
|
|
--text-on-accent: var(--color-1);
|
|
|
|
/* obsidian dark defaults (overriding for light) */
|
|
--text-selection: rgba(0, 122, 255, 0.2);
|
|
--text-on-accent: rgba(0, 0, 0, 0.8);
|
|
--interactive-accent-rgb: 72, 54, 153;
|
|
--scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.2);
|
|
--scrollbar-bg: rgba(255, 255, 255, 0.05);
|
|
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.theme-light {
|
|
--color-1: #020832;
|
|
--color-2: #0066ff;
|
|
--color-3: #020832;
|
|
--color-4: #c137bf;
|
|
--color-5: #020832;
|
|
--color-6: #be7022;
|
|
--color-7: #0066ff;
|
|
|
|
--text-accent: var(--color-3);
|
|
--text-on-accent: var(--color-1);
|
|
}
|
|
|
|
/* 2. UI */
|
|
|
|
.titlebar-inner {
|
|
color: var(--color-normal);
|
|
}
|
|
|
|
.titlebar-button {
|
|
opacity: 1;
|
|
}
|
|
|
|
.suggestion-item.is-selected {
|
|
background-color: var(--text-selection);
|
|
}
|
|
|
|
/* 3. Editor and preview */
|
|
.cm-s-obsidian,
|
|
.markdown-preview-view {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
|
|
/* 3.1. Headers */
|
|
.cm-s-obsidian .cm-header,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: 600;
|
|
overflow: visible;
|
|
color: var(--color-3);
|
|
}
|
|
|
|
.markdown-preview-view h6 {
|
|
color: var(--color-3);
|
|
}
|
|
|
|
/* 3.3. External links */
|
|
.cm-s-obsidian span.cm-link ,
|
|
a {
|
|
color: var(--color-5);
|
|
}
|
|
|
|
.cm-s-obsidian .cm-formatting-link+.cm-formatting-link-string+.cm-url,
|
|
.cm-s-obsidian .cm-string.cm-url,
|
|
.cm-s-obsidian span.cm-url {
|
|
color: var(--color-1);
|
|
}
|
|
|
|
.cm-s-obsidian .cm-string.cm-url.cm-hmd-footref2 {
|
|
color:var(--color-2);
|
|
}
|
|
|
|
/* 3.4. Internal links */
|
|
.cm-s-obsidian span.cm-hashtag,
|
|
.cm-s-obsidian span.cm-hmd-internal-link,
|
|
a.internal-link,
|
|
a.tag {
|
|
color: var(--color-2);
|
|
}
|
|
|
|
/* 3.5. blockquotes, embeds, tables */
|
|
.cm-s-obsidian span.cm-quote {
|
|
color: var(--color-1);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-builtin,
|
|
.cm-s-obsidian span.cm-hr {
|
|
color: var(--color-2);
|
|
}
|
|
|
|
/* 3.6. Code */
|
|
.cm-s-obsidian span.cm-inline-code,
|
|
code {
|
|
color: var(--color-1);
|
|
}
|
|
|
|
.markdown-preview-view code {
|
|
color: var(--color-1);
|
|
}
|
|
|
|
.cm-s-obsidian pre.HyperMD-codeblock {
|
|
color: var(--color-1);
|
|
}
|
|
|
|
/* 4. Graph view */
|
|
.graph-view.color-fill {
|
|
/* default */
|
|
}
|
|
|
|
.graph-view.color-fill-unresolved {
|
|
color: var(--color-1);
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.graph-view.color-line {
|
|
/* color: var(--color-6); */
|
|
}
|
|
|
|
.graph-view.color-arrow {
|
|
color: var(--color-5);
|
|
opacity: 1;
|
|
}
|
|
|
|
.graph-view.color-text {
|
|
color: var(--color-1);
|
|
}
|
|
|
|
.graph-view.color-fill-highlight {
|
|
color: var(--color-6);
|
|
}
|
|
|
|
.graph-view.color-line-highlight {
|
|
color: var(--color-6);
|
|
}
|
|
|
|
.theme-light .graph-view.color-fill-attachment,
|
|
.theme-dark .graph-view.color-fill-attachment {
|
|
color: var(--color-6);
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill-tag,
|
|
.theme-light .graph-view.color-fill-tag {
|
|
color: var(--color-4);
|
|
}
|