mirror of
https://github.com/michael-andreuzza/sequoia-obsidian.git
synced 2026-07-22 04:40:30 +00:00
Fix Sequoia light mode for Obsidian system theme switching.
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>
This commit is contained in:
Michael Andreuzza
parent
9d304639d5
commit
3fc5d51189
13 changed files with 279 additions and 14 deletions
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "Sequoia",
|
||||
"version": "1.0.0",
|
||||
"version": "1.0.1",
|
||||
"minAppVersion": "1.0.0",
|
||||
"author": "Micheal Andreuzza",
|
||||
"authorUrl": "https://github.com/michael-andreuzza"
|
||||
|
|
|
|||
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia Sequoia Monochrome Dark for Obsidian */
|
||||
.theme-dark {
|
||||
body.theme-dark {
|
||||
color-scheme: dark;
|
||||
--accent-h: 227;
|
||||
--accent-s: 14%;
|
||||
--accent-l: 75%;
|
||||
--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;
|
||||
|
|
@ -25,7 +45,9 @@
|
|||
--code-tag: #7c829d;
|
||||
--code-value: #626983;
|
||||
--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: #b6bac8;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia Sequoia Monochrome Light for Obsidian */
|
||||
.theme-light {
|
||||
body.theme-light {
|
||||
color-scheme: light;
|
||||
--accent-h: 231;
|
||||
--accent-s: 9%;
|
||||
--accent-l: 30%;
|
||||
--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;
|
||||
|
|
@ -25,7 +45,9 @@
|
|||
--code-tag: #5f6370;
|
||||
--code-value: #2e3038;
|
||||
--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: #454752;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia Sequoia Moonlight Dark for Obsidian */
|
||||
.theme-dark {
|
||||
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;
|
||||
|
|
@ -25,7 +45,9 @@
|
|||
--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;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia Sequoia Moonlight Light for Obsidian */
|
||||
.theme-light {
|
||||
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;
|
||||
|
|
@ -25,7 +45,9 @@
|
|||
--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;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia Sequoia Retro Dark for Obsidian */
|
||||
.theme-dark {
|
||||
body.theme-dark {
|
||||
color-scheme: dark;
|
||||
--accent-h: 31;
|
||||
--accent-s: 30%;
|
||||
--accent-l: 49%;
|
||||
--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;
|
||||
|
|
@ -25,7 +45,9 @@
|
|||
--code-tag: #5c87a4;
|
||||
--code-value: #648f68;
|
||||
--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: #a27e57;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia Sequoia Retro Light for Obsidian */
|
||||
.theme-light {
|
||||
body.theme-light {
|
||||
color-scheme: light;
|
||||
--accent-h: 33;
|
||||
--accent-s: 42%;
|
||||
--accent-l: 38%;
|
||||
--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;
|
||||
|
|
@ -25,7 +45,9 @@
|
|||
--code-tag: #456a82;
|
||||
--code-value: #4a704e;
|
||||
--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: #8a6539;
|
||||
|
|
|
|||
48
theme.css
48
theme.css
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia for Obsidian — community theme */
|
||||
.theme-light {
|
||||
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;
|
||||
|
|
@ -25,17 +45,39 @@
|
|||
--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;
|
||||
}
|
||||
|
||||
.theme-dark {
|
||||
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;
|
||||
|
|
@ -57,7 +99,9 @@
|
|||
--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;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia Sequoia Monochrome Dark for Obsidian */
|
||||
.theme-dark {
|
||||
body.theme-dark {
|
||||
color-scheme: dark;
|
||||
--accent-h: 227;
|
||||
--accent-s: 14%;
|
||||
--accent-l: 75%;
|
||||
--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;
|
||||
|
|
@ -25,7 +45,9 @@
|
|||
--code-tag: #7c829d;
|
||||
--code-value: #626983;
|
||||
--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: #b6bac8;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia Sequoia Monochrome Light for Obsidian */
|
||||
.theme-light {
|
||||
body.theme-light {
|
||||
color-scheme: light;
|
||||
--accent-h: 231;
|
||||
--accent-s: 9%;
|
||||
--accent-l: 30%;
|
||||
--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;
|
||||
|
|
@ -25,7 +45,9 @@
|
|||
--code-tag: #5f6370;
|
||||
--code-value: #2e3038;
|
||||
--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: #454752;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia Sequoia Retro Dark for Obsidian */
|
||||
.theme-dark {
|
||||
body.theme-dark {
|
||||
color-scheme: dark;
|
||||
--accent-h: 31;
|
||||
--accent-s: 30%;
|
||||
--accent-l: 49%;
|
||||
--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;
|
||||
|
|
@ -25,7 +45,9 @@
|
|||
--code-tag: #5c87a4;
|
||||
--code-value: #648f68;
|
||||
--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: #a27e57;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,29 @@
|
|||
/* Sequoia Sequoia Retro Light for Obsidian */
|
||||
.theme-light {
|
||||
body.theme-light {
|
||||
color-scheme: light;
|
||||
--accent-h: 33;
|
||||
--accent-s: 42%;
|
||||
--accent-l: 38%;
|
||||
--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;
|
||||
|
|
@ -25,7 +45,9 @@
|
|||
--code-tag: #456a82;
|
||||
--code-value: #4a704e;
|
||||
--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: #8a6539;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
{
|
||||
"1.0.0": "1.0.0"
|
||||
"1.0.0": "1.0.0",
|
||||
"1.0.1": "1.0.0"
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue