re-structuring and adjusting light/dark class

This commit is contained in:
Will N 2026-01-28 22:08:51 -06:00
parent 8b2c50e803
commit 91d2b3d782

144
theme.css
View file

@ -14,71 +14,15 @@ body {
--toggle-radius: 0px;
--toggle-thumb-radius: 0px;
--slider-thumb-radius: 0px;
--toggle-thumb-color:var(--background-secondary);
--prompt-border-color:var(--blockquote-border-color);
--interactive-accent: #31692f !important;
--interactive-accent-hover: #42953f !important;
--button-background:var(--checkbox-color-hover);
/* PRIMARY EDITOR*/
--background-primary: #1e3a29;
--background-secondary: #102b1b;
--text-normal: #eeffccd9;
--text-selection:var(--checkbox-border-color-hover);
--h1-color: #b0ca77;
--h2-color: #98bc4a;
--h3-color: #94a473;
--background-modifier-border: #000000;
--blockquote-background-color: #2c4938;
--blockquote-border-color: #5ebe84bb;
--font-text-theme: 'Jersey10', monospace;
letter-spacing: 0.2em;
--bold-color:var(--link-color);
--italic-color:var(--checkbox-color);
--text-selection:var(--blockquote-border-color) !important;
--font-text-size: 20px;
--code-background: #2c4938;
--code-normal: #acc5a5;
--code-comment:#4b7a5e;
--code-function:var(--checkbox-color);
--code-important:var(--divider-color-hover);
--code-keyword: #b8ee94;
--code-operator:var(--h3-color);
--code-property: var(--text-normal);
--code-punctuation: #a9e7ad;
--code-string: #258727;
--code-tag: #2c4111;
--code-value: #618b68;
--embed-border-start:var(--checkbox-border-color-hover), 2px;
--callout-title-color:var(--checkbox-border-color);
--callout-background-color:var(--blockquote-background-color);
--link-color: #bedc7f;
--link-color-hover: #618b68;
--link-external-color:#bedc7f;
--link-external-color-hover: #618b68;
--link-unresolved-color: #bedc7f;
--list-marker-color: #bedc74;
--list-marker-color-hover: #618b68;
--interactive-normal:var(--background-secondary);
--interactive-hover:var(--checkbox-marker-color);
--icon-color:var(--blockquote-border-color);
--icon-color-hover:var(--checkbox-border-color);
--embed-border-start: 2px;
@ -126,6 +70,8 @@ body {
--nav-item-color:#eeffcc;
--nav-item-color-hover:var(--checkbox-border-color);
--nav-item-color-selected:var(--text-normal);
--tab-text-color: #000000;
--divider-color-hover: #8ca457;
@ -133,6 +79,70 @@ body {
--text-error:var(--checkbox-border-color-hover);
--text-error-hover:var(--code-normal);
--callout-title-color:var(--checkbox-border-color);
--callout-background-color:var(--blockquote-background-color);
--link-color: #bedc7f;
--link-color-hover: #618b68;
--link-external-color:#bedc7f;
--link-external-color-hover: #618b68;
--link-unresolved-color: #bedc7f;
--list-marker-color: #bedc74;
--list-marker-color-hover: #618b68;
--interactive-normal:var(--background-secondary);
--interactive-hover:var(--checkbox-marker-color);
--icon-color:var(--blockquote-border-color);
--icon-color-hover:var(--checkbox-border-color);
--embed-border-start:var(--checkbox-border-color-hover);
--bold-color:var(--link-color);
--italic-color:var(--checkbox-color);
--text-selection:var(--blockquote-border-color);
--code-background: #2c4938;
--code-normal: #acc5a5;
--code-comment:#4b7a5e;
--code-function:var(--checkbox-color);
--code-important:var(--divider-color-hover);
--code-keyword: #b8ee94;
--code-operator:var(--h3-color);
--code-property: var(--text-normal);
--code-punctuation: #a9e7ad;
--code-string: #258727;
--code-tag: #2c4111;
--code-value: #618b68;
--background-primary: #1e3a29;
--background-secondary: #102b1b;
--text-normal: #eeffccd9;
--text-selection:var(--checkbox-border-color-hover);
--h1-color: #b0ca77;
--h2-color: #98bc4a;
--h3-color: #94a473;
--background-modifier-border: #000000;
--blockquote-background-color: #2c4938;
--blockquote-border-color: #5ebe84bb;
--toggle-thumb-color:var(--background-secondary);
--prompt-border-color:var(--blockquote-border-color);
--interactive-accent: #31692f;
--interactive-accent-hover: #42953f;
--button-background:var(--checkbox-color-hover);
--slider-thumb:var(--code-background);
.empty-state-action-tappable{
color: #eeffccd9 !important;
@ -147,11 +157,11 @@ body {
}
.sidebar-toggle-button.mod-right{
background-color: #102b1b !important;
background-color: #102b1b;
}
body.is-focused .sidebar-toggle-button, body.is-focused .workspace-tabs.mod-top {
--tab-container-background: #102b1b !important;
--tab-container-background: #102b1b;
}
.workspace-tab-header-container{
@ -163,13 +173,19 @@ body {
}
.sidebar-toggle-button.mod-right{
background-color: #102b1b !important;
background-color: #102b1b;
}
body.is-focused .sidebar-toggle-button, body.is-focused .workspace-tabs.mod-top {
--tab-container-background: #102b1b !important;
--tab-container-background: #102b1b;
}
.nav-file-title-content,
.nav-folder-title-content {
color: rgb(179, 179, 179);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
}
@ -211,6 +227,6 @@ svg * {
.nav-file-title,
.nav-folder-title {
letter-spacing: -0.1em;
letter-spacing: 0.2em;
}