summaryrefslogtreecommitdiff
path: root/src/client/themes
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/themes')
-rw-r--r--src/client/themes/_dark.json55
-rw-r--r--src/client/themes/_light.json57
-rw-r--r--src/client/themes/black.json53
-rw-r--r--src/client/themes/white.json53
4 files changed, 7 insertions, 11 deletions
diff --git a/src/client/themes/_dark.json5 b/src/client/themes/_dark.json5
index d401e807a9..ce06618aca 100644
--- a/src/client/themes/_dark.json5
+++ b/src/client/themes/_dark.json5
@@ -23,6 +23,8 @@
panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: 'rgba(0, 0, 0, 0)',
+ panelShadow: '" 0 8px 24px rgba(0, 0, 0, 0.12)',
+ acrylicPanel: ':alpha<0.5<@panel',
shadow: 'rgba(0, 0, 0, 0.3)',
header: ':alpha<0.7<@bg',
navBg: '@bg',
@@ -46,8 +48,6 @@
cwBg: '#687390',
cwFg: '#393f4f',
cwHoverBg: '#707b97',
- toastBg: 'rgba(0, 0, 0, 0.5)',
- toastFg: '#c7d1d8',
buttonBg: 'rgba(255, 255, 255, 0.05)',
buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
inputBorder: '#959da2',
@@ -56,7 +56,6 @@
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
badge: '#31b1ce',
messageBg: ':lighten<5<@bg',
- deckColumnBorder: ':lighten<10<@panel',
htmlThemeColor: '@bg',
X1: ':alpha<0<@bg',
X2: ':darken<2<@panel',
diff --git a/src/client/themes/_light.json5 b/src/client/themes/_light.json5
index 50aa0cd235..9862e8fdc6 100644
--- a/src/client/themes/_light.json5
+++ b/src/client/themes/_light.json5
@@ -13,7 +13,7 @@
accentDarken: ':darken<10<@accent',
accentLighten: ':lighten<10<@accent',
focus: ':alpha<0.3<@accent',
- bg: '#fafafa',
+ bg: '#fff',
fg: '#5c6a73',
fgHighlighted: ':darken<3<@fg',
divider: 'rgba(0, 0, 0, 0.1)',
@@ -23,6 +23,8 @@
panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: 'rgba(0, 0, 0, 0)',
+ panelShadow: '" 0 8px 24px rgb(21 43 75 / 8%)',
+ acrylicPanel: ':alpha<0.5<@panel',
shadow: 'rgba(0, 0, 0, 0.1)',
header: ':alpha<0.7<@bg',
navBg: '@bg',
@@ -46,8 +48,6 @@
cwBg: '#b1b9c1',
cwFg: '#fff',
cwHoverBg: '#bbc4ce',
- toastBg: 'rgba(255, 255, 255, 0.5)',
- toastFg: '#0c0c0c',
buttonBg: 'rgba(0, 0, 0, 0.05)',
buttonHoverBg: 'rgba(0, 0, 0, 0.1)',
inputBorder: '#dae0e4',
@@ -56,7 +56,6 @@
wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
badge: '#31b1ce',
messageBg: '@panel',
- deckColumnBorder: ':darken<20<@panel',
htmlThemeColor: '@bg',
X1: ':alpha<0<@bg',
X2: ':darken<2<@panel',
diff --git a/src/client/themes/black.json5 b/src/client/themes/black.json5
index 579738f725..e00f308fd2 100644
--- a/src/client/themes/black.json5
+++ b/src/client/themes/black.json5
@@ -11,10 +11,9 @@
divider: '#2d2d2d',
panelHeaderBg: '@panel',
panelHeaderDivider: '@divider',
- panelBorder: '@divider',
+ panelShadow: '" 0 0 0 1px var(--divider)',
shadow: 'rgba(255, 255, 255, 0.05)',
modalBg: 'rgba(255, 255, 255, 0.1)',
messageBg: '#1d1d1d',
- deckColumnBorder: '@divider',
},
}
diff --git a/src/client/themes/white.json5 b/src/client/themes/white.json5
index 4c3db53acd..4a5e3f23ef 100644
--- a/src/client/themes/white.json5
+++ b/src/client/themes/white.json5
@@ -8,11 +8,10 @@
base: 'light',
props: {
- bg: '#f2f2f2',
+ bg: '#F6F7F7',
header: ':alpha<0.7<@bg',
navBg: '@bg',
panelHeaderDivider: '@divider',
messageBg: '#dedede',
- deckColumnBorder: '#cccccc',
},
}