feat(theme): add color variable config (#24541)
This commit is contained in:
@@ -417,6 +417,7 @@ html[data-theme="dark"] {
|
||||
--color-background-overlay-destructive: rgb(240 68 56 / 0.3);
|
||||
--color-background-overlay-backdrop: rgb(24 24 27 / 0.95);
|
||||
--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-3: rgb(0 0 0 / 0.1);
|
||||
@@ -761,4 +762,4 @@ html[data-theme="dark"] {
|
||||
--color-dify-logo-dify-logo-blue: #e8e8e8;
|
||||
--color-dify-logo-dify-logo-black: #e8e8e8;
|
||||
|
||||
}
|
||||
}
|
@@ -417,6 +417,7 @@ html[data-theme="light"] {
|
||||
--color-background-overlay-destructive: rgb(240 68 56 / 0.3);
|
||||
--color-background-overlay-backdrop: rgb(242 244 247 / 0.95);
|
||||
--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-3: rgb(9 9 11 / 0.05);
|
||||
@@ -761,4 +762,4 @@ html[data-theme="light"] {
|
||||
--color-dify-logo-dify-logo-blue: #0033ff;
|
||||
--color-dify-logo-dify-logo-black: #000000;
|
||||
|
||||
}
|
||||
}
|
@@ -417,6 +417,7 @@ const vars = {
|
||||
'background-overlay-destructive': 'var(--color-background-overlay-destructive)',
|
||||
'background-overlay-backdrop': 'var(--color-background-overlay-backdrop)',
|
||||
'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-3': 'var(--color-shadow-shadow-3)',
|
||||
|
Reference in New Issue
Block a user