estel/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(theme): add color variable config (#24541)

Browse Source
This commit is contained in:
Yessenia-d
2025-08-26 14:50:28 +08:00
committed by GitHub
parent 04954918a5
commit 6727ff6dbe
3 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/themes/dark.css
View File

@@ -417,6 +417,7 @@ html[data-theme="dark"] {
--color-background-overlay-destructive: rgb(240 68 56 / 0.3); --color-background-overlay-destructive: rgb(240 68 56 / 0.3);
--color-background-overlay-backdrop: rgb(24 24 27 / 0.95); --color-background-overlay-backdrop: rgb(24 24 27 / 0.95);
--color-background-body-transparent: rgb(29 29 32 / 0); --color-background-body-transparent: rgb(29 29 32 / 0);
--color-background-section-burn-inverted: #27272b;
--color-shadow-shadow-1: rgb(0 0 0 / 0.05); --color-shadow-shadow-1: rgb(0 0 0 / 0.05);
--color-shadow-shadow-3: rgb(0 0 0 / 0.1); --color-shadow-shadow-3: rgb(0 0 0 / 0.1);

1
web/themes/light.css
View File

@@ -417,6 +417,7 @@ html[data-theme="light"] {
--color-background-overlay-destructive: rgb(240 68 56 / 0.3); --color-background-overlay-destructive: rgb(240 68 56 / 0.3);
--color-background-overlay-backdrop: rgb(242 244 247 / 0.95); --color-background-overlay-backdrop: rgb(242 244 247 / 0.95);
--color-background-body-transparent: rgb(242 244 247 / 0); --color-background-body-transparent: rgb(242 244 247 / 0);
--color-background-section-burn-inverted: #f2f4f7;
--color-shadow-shadow-1: rgb(9 9 11 / 0.03); --color-shadow-shadow-1: rgb(9 9 11 / 0.03);
--color-shadow-shadow-3: rgb(9 9 11 / 0.05); --color-shadow-shadow-3: rgb(9 9 11 / 0.05);

1
web/themes/tailwind-theme-var-define.ts
View File

@@ -417,6 +417,7 @@ const vars = {
'background-overlay-destructive': 'var(--color-background-overlay-destructive)', 'background-overlay-destructive': 'var(--color-background-overlay-destructive)',
'background-overlay-backdrop': 'var(--color-background-overlay-backdrop)', 'background-overlay-backdrop': 'var(--color-background-overlay-backdrop)',
'background-body-transparent': 'var(--color-background-body-transparent)', 'background-body-transparent': 'var(--color-background-body-transparent)',
'background-section-burn-inverted': 'var(--color-background-section-burn-inverted)',
'shadow-shadow-1': 'var(--color-shadow-shadow-1)', 'shadow-shadow-1': 'var(--color-shadow-shadow-1)',
'shadow-shadow-3': 'var(--color-shadow-shadow-3)', 'shadow-shadow-3': 'var(--color-shadow-shadow-3)',