mirror of
https://github.com/michael-andreuzza/sequoia-obsidian.git
synced 2026-07-22 04:40:30 +00:00
3fc5d51189
Add color-base variables, color-scheme, accent HSL, and body.theme-light selectors so light mode renders correctly on modern Obsidian. Co-authored-by: Cursor <cursoragent@cursor.com>
108 lines
3.1 KiB
CSS
108 lines
3.1 KiB
CSS
/* Sequoia for Obsidian — community theme */
|
|
body.theme-light {
|
|
color-scheme: light;
|
|
--accent-h: 26;
|
|
--accent-s: 65%;
|
|
--accent-l: 57%;
|
|
--color-base-00: #edeef2;
|
|
--color-base-05: #edeef2;
|
|
--color-base-10: #edeef2;
|
|
--color-base-20: #e2e3e8;
|
|
--color-base-25: #e2e3e8;
|
|
--color-base-30: #42434e;
|
|
--color-base-35: #42434e;
|
|
--color-base-40: #42434e;
|
|
--color-base-50: #42434e;
|
|
--color-base-60: #42434e;
|
|
--color-base-70: #282930;
|
|
--color-base-100: #282930;
|
|
--background-primary: #edeef2;
|
|
--background-primary-alt: #edeef2;
|
|
--background-secondary: #e2e3e8;
|
|
--background-secondary-alt: #edeef2;
|
|
--background-modifier-border: #42434e40;
|
|
--background-modifier-border-hover: #42434e66;
|
|
--background-modifier-hover: #817c9c38;
|
|
--background-modifier-active-hover: #817c9c38;
|
|
--text-normal: #282930;
|
|
--text-muted: #42434e;
|
|
--text-faint: #42434e;
|
|
--text-accent: #d9884a;
|
|
--text-accent-hover: #c94da8;
|
|
--text-on-accent: #0f1014;
|
|
--interactive-accent: #d9884a;
|
|
--interactive-accent-hover: #c94da8;
|
|
--text-selection: #817c9c38;
|
|
--text-link: #c94da8;
|
|
--code-normal: #6a6a78;
|
|
--code-comment: #565760;
|
|
--code-function: #c94da8;
|
|
--code-keyword: #4a85d4;
|
|
--code-important: #c94da8;
|
|
--code-property: #9a5fd9;
|
|
--code-punctuation: #42434e;
|
|
--code-string: #6a6a78;
|
|
--code-tag: #9a5fd9;
|
|
--code-value: #4a85d4;
|
|
--titlebar-background: #edeef2;
|
|
--titlebar-background-focused: #edeef2;
|
|
--tab-background-active: #edeef2;
|
|
--ribbon-background: #e2e3e8;
|
|
--nav-item-background-hover: #817c9c38;
|
|
--nav-item-background-active: #817c9c38;
|
|
--checkbox-color: #d9884a;
|
|
}
|
|
|
|
body.theme-dark {
|
|
color-scheme: dark;
|
|
--accent-h: 26;
|
|
--accent-s: 100%;
|
|
--accent-l: 77%;
|
|
--color-base-00: #0f1014;
|
|
--color-base-05: #0f1014;
|
|
--color-base-10: #0f1014;
|
|
--color-base-20: #111216;
|
|
--color-base-25: #111216;
|
|
--color-base-30: #575861;
|
|
--color-base-35: #575861;
|
|
--color-base-40: #575861;
|
|
--color-base-50: #575861;
|
|
--color-base-60: #575861;
|
|
--color-base-70: #868690;
|
|
--color-base-100: #868690;
|
|
--background-primary: #0f1014;
|
|
--background-primary-alt: #0f1014;
|
|
--background-secondary: #111216;
|
|
--background-secondary-alt: #0f1014;
|
|
--background-modifier-border: #57586140;
|
|
--background-modifier-border-hover: #57586166;
|
|
--background-modifier-hover: #817c9c26;
|
|
--background-modifier-active-hover: #817c9c26;
|
|
--text-normal: #868690;
|
|
--text-muted: #575861;
|
|
--text-faint: #575861;
|
|
--text-accent: #ffbb88;
|
|
--text-accent-hover: #f58ee0;
|
|
--text-on-accent: #0f1014;
|
|
--interactive-accent: #ffbb88;
|
|
--interactive-accent-hover: #f58ee0;
|
|
--text-selection: #817c9c26;
|
|
--text-link: #f58ee0;
|
|
--code-normal: #9898a6;
|
|
--code-comment: #43444d;
|
|
--code-function: #f58ee0;
|
|
--code-keyword: #8eb6f5;
|
|
--code-important: #f58ee0;
|
|
--code-property: #c58fff;
|
|
--code-punctuation: #575861;
|
|
--code-string: #9898a6;
|
|
--code-tag: #c58fff;
|
|
--code-value: #8eb6f5;
|
|
--titlebar-background: #0f1014;
|
|
--titlebar-background-focused: #0f1014;
|
|
--tab-background-active: #0f1014;
|
|
--ribbon-background: #111216;
|
|
--nav-item-background-hover: #817c9c26;
|
|
--nav-item-background-active: #817c9c26;
|
|
--checkbox-color: #ffbb88;
|
|
}
|