From 3fc5d5118940d11d99b79440c200203bf9ad1d66 Mon Sep 17 00:00:00 2001 From: Michael Andreuzza Date: Mon, 25 May 2026 10:36:23 +0300 Subject: [PATCH] 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 --- manifest.json | 2 +- sequoia-monochrome-dark.css | 24 +++++++++++++- sequoia-monochrome-light.css | 24 +++++++++++++- sequoia-moonlight-dark.css | 24 +++++++++++++- sequoia-moonlight-light.css | 24 +++++++++++++- sequoia-retro-dark.css | 24 +++++++++++++- sequoia-retro-light.css | 24 +++++++++++++- theme.css | 48 +++++++++++++++++++++++++-- variants/sequoia-monochrome-dark.css | 24 +++++++++++++- variants/sequoia-monochrome-light.css | 24 +++++++++++++- variants/sequoia-retro-dark.css | 24 +++++++++++++- variants/sequoia-retro-light.css | 24 +++++++++++++- versions.json | 3 +- 13 files changed, 279 insertions(+), 14 deletions(-) diff --git a/manifest.json b/manifest.json index 0a35d3e..4d2d4f6 100644 --- a/manifest.json +++ b/manifest.json @@ -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" diff --git a/sequoia-monochrome-dark.css b/sequoia-monochrome-dark.css index a795daa..a53eb0a 100644 --- a/sequoia-monochrome-dark.css +++ b/sequoia-monochrome-dark.css @@ -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; diff --git a/sequoia-monochrome-light.css b/sequoia-monochrome-light.css index b22fb1d..8aaa8cd 100644 --- a/sequoia-monochrome-light.css +++ b/sequoia-monochrome-light.css @@ -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; diff --git a/sequoia-moonlight-dark.css b/sequoia-moonlight-dark.css index 02b99a8..eb6d8d4 100644 --- a/sequoia-moonlight-dark.css +++ b/sequoia-moonlight-dark.css @@ -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; diff --git a/sequoia-moonlight-light.css b/sequoia-moonlight-light.css index 39bff89..1c730c6 100644 --- a/sequoia-moonlight-light.css +++ b/sequoia-moonlight-light.css @@ -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; diff --git a/sequoia-retro-dark.css b/sequoia-retro-dark.css index 8b8045f..b90559a 100644 --- a/sequoia-retro-dark.css +++ b/sequoia-retro-dark.css @@ -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; diff --git a/sequoia-retro-light.css b/sequoia-retro-light.css index 247412c..1efdaea 100644 --- a/sequoia-retro-light.css +++ b/sequoia-retro-light.css @@ -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; diff --git a/theme.css b/theme.css index 5b8c32d..eb71991 100644 --- a/theme.css +++ b/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; diff --git a/variants/sequoia-monochrome-dark.css b/variants/sequoia-monochrome-dark.css index a795daa..a53eb0a 100644 --- a/variants/sequoia-monochrome-dark.css +++ b/variants/sequoia-monochrome-dark.css @@ -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; diff --git a/variants/sequoia-monochrome-light.css b/variants/sequoia-monochrome-light.css index b22fb1d..8aaa8cd 100644 --- a/variants/sequoia-monochrome-light.css +++ b/variants/sequoia-monochrome-light.css @@ -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; diff --git a/variants/sequoia-retro-dark.css b/variants/sequoia-retro-dark.css index 8b8045f..b90559a 100644 --- a/variants/sequoia-retro-dark.css +++ b/variants/sequoia-retro-dark.css @@ -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; diff --git a/variants/sequoia-retro-light.css b/variants/sequoia-retro-light.css index 247412c..1efdaea 100644 --- a/variants/sequoia-retro-light.css +++ b/variants/sequoia-retro-light.css @@ -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; diff --git a/versions.json b/versions.json index 608a97a..85df038 100644 --- a/versions.json +++ b/versions.json @@ -1,3 +1,4 @@ { - "1.0.0": "1.0.0" + "1.0.0": "1.0.0", + "1.0.1": "1.0.0" }