Skip to content

Commit

Permalink
feat(theme): update v2 theme variables(2024-9-3 17:50)
Browse files Browse the repository at this point in the history 
# 2024-9-3 17:50
### New

- `button/buttonoOverHover`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#414141" /></svg> `#414141`
- `dialog/background/primary`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
- `illustrations/dotFadeIn`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000002b" /></svg> `#0000002b`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff2b" /></svg> `#ffffff2b`
- `illustrations/dotFadeOut`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff0d" /></svg> `#ffffff0d`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000000d" /></svg> `#0000000d`
- `illustrations/emptyBackground`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#414141" /></svg> `#414141`
- `illustrations/emptySolid`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#e6e6e6" /></svg> `#e6e6e6`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#565656" /></svg> `#565656`
- `input/background`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
- `input/border/active`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#1e96eb" /></svg> `#1e96eb`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#1e96eb" /></svg> `#1e96eb`
- `input/scrollBar/handle`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000001a" /></svg> `#0000001a`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff2b" /></svg> `#ffffff2b`
- `shadow/illustration/illustrationShadow-color-1`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#3" /></svg> `#3`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#3" /></svg> `#3`
- `shadow/illustration/illustrationShadow-color-2`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000000d" /></svg> `#0000000d`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#14" /></svg> `#14`
- `shadow/illustration/illustrationShadow-color-3`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#17" /></svg> `#17`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000001f" /></svg> `#0000001f`
- `shadow/illustration/illustrationShadow-color-4`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000001a" /></svg> `#0000001a`
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#24" /></svg> `#24`

### Removed

- `dialog/bg`
  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> ~~`#ffffff`~~
  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> ~~`#ffffff`~~

### Updated

None
  • Loading branch information
@CatsJuice
CatsJuice committed Sep 3, 2024
1 parent b67cd12 commit 6680b7f
Show file tree
Hide file tree
Showing 3 changed files with 231 additions and 10 deletions.
53 changes: 53 additions & 0 deletions packages/theme/src/v2/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,4 +31,57 @@ None

### Updated

None

# 2024-9-3 17:50
### New

- `button/buttonoOverHover`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#414141" /></svg> `#414141`
- `dialog/background/primary`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
- `illustrations/dotFadeIn`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000002b" /></svg> `#0000002b`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff2b" /></svg> `#ffffff2b`
- `illustrations/dotFadeOut`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff0d" /></svg> `#ffffff0d`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000000d" /></svg> `#0000000d`
- `illustrations/emptyBackground`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#414141" /></svg> `#414141`
- `illustrations/emptySolid`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#e6e6e6" /></svg> `#e6e6e6`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#565656" /></svg> `#565656`
- `input/background`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
- `input/border/active`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#1e96eb" /></svg> `#1e96eb`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#1e96eb" /></svg> `#1e96eb`
- `input/scrollBar/handle`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000001a" /></svg> `#0000001a`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff2b" /></svg> `#ffffff2b`
- `shadow/illustration/illustrationShadow-color-1`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#00000003" /></svg> `#00000003`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#00000003" /></svg> `#00000003`
- `shadow/illustration/illustrationShadow-color-2`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000000d" /></svg> `#0000000d`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#00000014" /></svg> `#00000014`
- `shadow/illustration/illustrationShadow-color-3`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#00000017" /></svg> `#00000017`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000001f" /></svg> `#0000001f`
- `shadow/illustration/illustrationShadow-color-4`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000001a" /></svg> `#0000001a`
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#00000024" /></svg> `#00000024`

### Removed

- `dialog/bg`
- light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> ~~`#ffffff`~~
- dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> ~~`#ffffff`~~

### Updated

None
160 changes: 152 additions & 8 deletions packages/theme/src/v2/source/variables.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -170,6 +170,12 @@
"var": "Red/600",
"rootAlias": "Red/600"
},
{
"name": "Button/buttonoOverHover",
"value": "#ffffff",
"var": "Base/White",
"rootAlias": "Base/White"
},
{
"name": "Button/checkBox",
"value": "#1e96eb",
Expand Down Expand Up @@ -303,10 +309,10 @@
"rootAlias": "Transparent/black/500 (52%)"
},
{
"name": "Dialog/bg",
"name": "Dialog/background/primary",
"value": "#ffffff",
"var": "",
"rootAlias": ""
"var": "Base/White",
"rootAlias": "Base/White"
},
{
"name": "Edgeless/frame/background/black",
Expand Down Expand Up @@ -836,6 +842,48 @@
"var": "Grey/300",
"rootAlias": "Grey/300"
},
{
"name": "Illustrations/dotFadeIn",
"value": "#0000002b",
"var": "Transparent/black/300 (17%)",
"rootAlias": "Transparent/black/300 (17%)"
},
{
"name": "Illustrations/dotFadeOut",
"value": "#ffffff0d",
"var": "Transparent/white/50 (5%)",
"rootAlias": "Transparent/white/50 (5%)"
},
{
"name": "Illustrations/emptyBackground",
"value": "#ffffff",
"var": "Base/White",
"rootAlias": "Base/White"
},
{
"name": "Illustrations/emptySolid",
"value": "#e6e6e6",
"var": "Grey/200",
"rootAlias": "Grey/200"
},
{
"name": "Input/Background",
"value": "#ffffff",
"var": "Layer/background/primary",
"rootAlias": "Base/White"
},
{
"name": "Input/Border/active",
"value": "#1e96eb",
"var": "Layer/InsideBorder/primaryBorder",
"rootAlias": "AFFiNE/600"
},
{
"name": "Input/ScrollBar/Handle",
"value": "#0000001a",
"var": "Transparent/black/200 (10%)",
"rootAlias": "Transparent/black/200 (10%)"
},
{
"name": "Label/blue",
"value": "#e6f5ff",
Expand Down Expand Up @@ -1076,6 +1124,30 @@
"var": "Transparent/black/200 (10%)",
"rootAlias": "Transparent/black/200 (10%)"
},
{
"name": "Shadow/Illustration/illustrationShadow-color-1",
"value": "#00000003",
"var": "Shadow/color/1",
"rootAlias": "Shadow/color/1"
},
{
"name": "Shadow/Illustration/illustrationShadow-color-2",
"value": "#0000000d",
"var": "Shadow/color/5",
"rootAlias": "Shadow/color/5"
},
{
"name": "Shadow/Illustration/illustrationShadow-color-3",
"value": "#00000017",
"var": "Shadow/color/9",
"rootAlias": "Shadow/color/9"
},
{
"name": "Shadow/Illustration/illustrationShadow-color-4",
"value": "#0000001a",
"var": "Shadow/color/10",
"rootAlias": "Shadow/color/10"
},
{
"name": "Shadow/Mobile/Menu/menuShadow-color-1",
"value": "#00000014",
Expand Down Expand Up @@ -1675,6 +1747,12 @@
"var": "Red/700",
"rootAlias": "Red/700"
},
{
"name": "Button/buttonoOverHover",
"value": "#414141",
"var": "Grey/800",
"rootAlias": "Grey/800"
},
{
"name": "Button/checkBox",
"value": "#1e96eb",
Expand Down Expand Up @@ -1808,10 +1886,10 @@
"rootAlias": "Transparent/white/500 (56%)"
},
{
"name": "Dialog/bg",
"value": "#ffffff",
"var": "",
"rootAlias": ""
"name": "Dialog/background/primary",
"value": "#252525",
"var": "Grey/900",
"rootAlias": "Grey/900"
},
{
"name": "Edgeless/frame/background/black",
Expand Down Expand Up @@ -2341,6 +2419,48 @@
"var": "Grey/700",
"rootAlias": "Grey/700"
},
{
"name": "Illustrations/dotFadeIn",
"value": "#ffffff2b",
"var": "Transparent/white/300 (17%)",
"rootAlias": "Transparent/white/300 (17%)"
},
{
"name": "Illustrations/dotFadeOut",
"value": "#0000000d",
"var": "Transparent/black/50 (5%)",
"rootAlias": "Transparent/black/50 (5%)"
},
{
"name": "Illustrations/emptyBackground",
"value": "#414141",
"var": "Grey/800",
"rootAlias": "Grey/800"
},
{
"name": "Illustrations/emptySolid",
"value": "#565656",
"var": "Grey/700",
"rootAlias": "Grey/700"
},
{
"name": "Input/Background",
"value": "#ffffff",
"var": "Layer/background/primary",
"rootAlias": "Base/White"
},
{
"name": "Input/Border/active",
"value": "#1e96eb",
"var": "Layer/InsideBorder/primaryBorder",
"rootAlias": "AFFiNE/600"
},
{
"name": "Input/ScrollBar/Handle",
"value": "#ffffff2b",
"var": "Transparent/white/300 (17%)",
"rootAlias": "Transparent/white/300 (17%)"
},
{
"name": "Label/blue",
"value": "#004b7b",
Expand Down Expand Up @@ -2581,6 +2701,30 @@
"var": "Transparent/white/300 (17%)",
"rootAlias": "Transparent/white/300 (17%)"
},
{
"name": "Shadow/Illustration/illustrationShadow-color-1",
"value": "#00000003",
"var": "Shadow/color/1",
"rootAlias": "Shadow/color/1"
},
{
"name": "Shadow/Illustration/illustrationShadow-color-2",
"value": "#00000014",
"var": "Shadow/color/8",
"rootAlias": "Shadow/color/8"
},
{
"name": "Shadow/Illustration/illustrationShadow-color-3",
"value": "#0000001f",
"var": "Shadow/color/12",
"rootAlias": "Shadow/color/12"
},
{
"name": "Shadow/Illustration/illustrationShadow-color-4",
"value": "#00000024",
"var": "Shadow/color/14",
"rootAlias": "Shadow/color/14"
},
{
"name": "Shadow/Mobile/Menu/menuShadow-color-1",
"value": "#0000001f",
Expand Down Expand Up @@ -3014,4 +3158,4 @@
}
]
}
]
]
28 changes: 26 additions & 2 deletions packages/theme/src/v2/variables.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@ export const lightThemeV2 = {
'block/notSupportedBlock/inlineBg/hover': '#e6e6e6',
'button/innerBlackBorder': '#00000012',
'button/badgesColor': '#ed3f3f',
'button/buttonoOverHover': '#ffffff',
'button/checkBox': '#1e96eb',
'button/emptyIconBackground': '#0000000d',
'button/error': '#ed3f3f',
Expand All @@ -52,7 +53,7 @@ export const lightThemeV2 = {
'database/border': '#0000001a',
'database/focusBackground': '#1e96eb0a',
'database/textSecondary': '#00000085',
'dialog/bg': '#ffffff',
'dialog/background/primary': '#ffffff',
'edgeless/frame/background/black': '#cdcdcd',
'edgeless/frame/background/blue': '#e6f5ff',
'edgeless/frame/background/green': '#f1fdf4',
Expand Down Expand Up @@ -141,6 +142,13 @@ export const lightThemeV2 = {
'icon/primary': '#7a7a7a',
'icon/secondary': '#b3b3b3',
'icon/tertiary': '#cdcdcd',
'illustrations/dotFadeIn': '#0000002b',
'illustrations/dotFadeOut': '#ffffff0d',
'illustrations/emptyBackground': '#ffffff',
'illustrations/emptySolid': '#e6e6e6',
'input/background': '#ffffff',
'input/border/active': '#1e96eb',
'input/scrollBar/handle': '#0000001a',
'label/blue': '#e6f5ff',
'label/green': '#dcfdd7',
'label/grey': '#e6e6e6',
Expand Down Expand Up @@ -181,6 +189,10 @@ export const lightThemeV2 = {
'others/warnLabel/yellow': '#facc15',
'portrait/localPortrait': '#00000038',
'portrait/localPortraitBackground': '#0000001a',
'shadow/illustration/illustrationShadow-color-1': '#00000003',
'shadow/illustration/illustrationShadow-color-2': '#0000000d',
'shadow/illustration/illustrationShadow-color-3': '#00000017',
'shadow/illustration/illustrationShadow-color-4': '#0000001a',
'shadow/mobile/menu/menuShadow-color-1': '#00000014',
'shadow/mobile/menu/menuShadow-color-2': '#00000024',
'skeleton/skeleton': '#e6e6e6',
Expand Down Expand Up @@ -277,6 +289,7 @@ export const darkThemeV2 = {
'block/notSupportedBlock/inlineBg/hover': '#414141',
'button/innerBlackBorder': '#ffffff17',
'button/badgesColor': '#c83030',
'button/buttonoOverHover': '#414141',
'button/checkBox': '#1e96eb',
'button/emptyIconBackground': '#ffffff0d',
'button/error': '#c83030',
Expand All @@ -299,7 +312,7 @@ export const darkThemeV2 = {
'database/border': '#ffffff21',
'database/focusBackground': '#1e96eb0a',
'database/textSecondary': '#ffffff8f',
'dialog/bg': '#ffffff',
'dialog/background/primary': '#252525',
'edgeless/frame/background/black': '#cdcdcd',
'edgeless/frame/background/blue': '#e6f5ff',
'edgeless/frame/background/green': '#f1fdf4',
Expand Down Expand Up @@ -388,6 +401,13 @@ export const darkThemeV2 = {
'icon/primary': '#f3f3f3',
'icon/secondary': '#cdcdcd',
'icon/tertiary': '#565656',
'illustrations/dotFadeIn': '#ffffff2b',
'illustrations/dotFadeOut': '#0000000d',
'illustrations/emptyBackground': '#414141',
'illustrations/emptySolid': '#565656',
'input/background': '#ffffff',
'input/border/active': '#1e96eb',
'input/scrollBar/handle': '#ffffff2b',
'label/blue': '#004b7b',
'label/green': '#225c18',
'label/grey': '#414141',
Expand Down Expand Up @@ -428,6 +448,10 @@ export const darkThemeV2 = {
'others/warnLabel/yellow': '#facc15',
'portrait/localPortrait': '#ffffff3b',
'portrait/localPortraitBackground': '#ffffff2b',
'shadow/illustration/illustrationShadow-color-1': '#00000003',
'shadow/illustration/illustrationShadow-color-2': '#00000014',
'shadow/illustration/illustrationShadow-color-3': '#0000001f',
'shadow/illustration/illustrationShadow-color-4': '#00000024',
'shadow/mobile/menu/menuShadow-color-1': '#0000001f',
'shadow/mobile/menu/menuShadow-color-2': '#0000004d',
'skeleton/skeleton': '#252525',
Expand Down

0 comments on commit 6680b7f

Please sign in to comment.