mirror of
https://github.com/array-in-a-matrix/xinny.git
synced 2024-05-19 21:00:17 -04:00
Almond Dark theme
This commit is contained in:
parent
227c552f1e
commit
042e4f5a03
|
@ -80,6 +80,7 @@ function AppearanceSection() {
|
||||||
{ text: 'Butter' },
|
{ text: 'Butter' },
|
||||||
{ text: 'Nord Dark' },
|
{ text: 'Nord Dark' },
|
||||||
{ text: 'Cyberpunk' },
|
{ text: 'Cyberpunk' },
|
||||||
|
{ text: 'Almond Dark'},
|
||||||
]}
|
]}
|
||||||
onSelect={(index) => {
|
onSelect={(index) => {
|
||||||
if (settings.useSystemTheme) toggleSystemTheme();
|
if (settings.useSystemTheme) toggleSystemTheme();
|
||||||
|
|
|
@ -20,7 +20,7 @@ class Settings extends EventEmitter {
|
||||||
constructor() {
|
constructor() {
|
||||||
super();
|
super();
|
||||||
|
|
||||||
this.themes = ['', 'silver-theme', 'dark-theme', 'butter-theme', 'nord-dark-theme', 'cyberpunk'];
|
this.themes = ['', 'silver-theme', 'dark-theme', 'butter-theme', 'nord-dark-theme', 'cyberpunk', 'almond-dark'];
|
||||||
this.themeIndex = this.getThemeIndex();
|
this.themeIndex = this.getThemeIndex();
|
||||||
|
|
||||||
this.useSystemTheme = this.getUseSystemTheme();
|
this.useSystemTheme = this.getUseSystemTheme();
|
||||||
|
|
|
@ -289,7 +289,8 @@
|
||||||
.dark-theme,
|
.dark-theme,
|
||||||
.butter-theme,
|
.butter-theme,
|
||||||
.nord-dark-theme,
|
.nord-dark-theme,
|
||||||
.cyberpunk {
|
.cyberpunk,
|
||||||
|
.almond-dark {
|
||||||
@include dark-mode();
|
@include dark-mode();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -372,6 +373,33 @@
|
||||||
--ic-surface-low: rgba(255, 251, 222, 64%);
|
--ic-surface-low: rgba(255, 251, 222, 64%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.almond-dark {
|
||||||
|
/* background color | --bg-[background type]: value */
|
||||||
|
--bg-surface: hsl(0, 0%, 0%);
|
||||||
|
--bg-surface-transparent: hsla(0, 0%, 0%, 0);
|
||||||
|
--bg-surface-low: hsl(0, 0%, 1%);
|
||||||
|
--bg-surface-low-transparent: hsla(0, 0%, 0%, 0);
|
||||||
|
--bg-surface-extra-low: hsl(0, 0%, 2%);
|
||||||
|
--bg-surface-extra-low-transparent: hsla(0, 0%, 0%, 0);
|
||||||
|
|
||||||
|
--bg-badge: rgb(255, 251, 222, 90%);
|
||||||
|
--bg-positive: rgb(255, 251, 222, 90%);
|
||||||
|
--bg-positive-hover: rgba(255, 251, 222, 8%);
|
||||||
|
--bg-positive-active: rgba(255, 251, 222, 15%);
|
||||||
|
--bg-positive-border: rgba(255, 251, 222, 40%);
|
||||||
|
|
||||||
|
/* text color | --tc-[background type]-[priority]: value */
|
||||||
|
--tc-surface-high: rgb(255, 251, 222, 90%);
|
||||||
|
--tc-surface-normal: rgba(255, 251, 222, 90%);
|
||||||
|
--tc-surface-normal-low: rgba(255, 251, 222, 60%);
|
||||||
|
--tc-surface-low: rgba(255, 251, 222, 30%);
|
||||||
|
|
||||||
|
/* system icons | --ic-[background type]-[priority]: value */
|
||||||
|
--ic-surface-high: rgb(255, 251, 222, 90%);
|
||||||
|
--ic-surface-normal: rgba(255, 251, 222, 60%);
|
||||||
|
--ic-surface-low: rgba(255, 251, 222, 30%);
|
||||||
|
}
|
||||||
|
|
||||||
.font-primary {
|
.font-primary {
|
||||||
font-family: var(--font-primary);
|
font-family: var(--font-primary);
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue