mirror of
https://github.com/willn-dev/Phosphor-Mono.git
synced 2026-07-22 04:30:32 +00:00
re-structuring and adjusting light/dark class
This commit is contained in:
parent
8b2c50e803
commit
91d2b3d782
1 changed files with 80 additions and 64 deletions
144
theme.css
144
theme.css
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue