jyapayne/dify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Feat: account page dark mode (#11977)

Browse source
This commit is contained in:
Yi Xiao 2024-12-23 11:17:49 +08:00 • committed by GitHub
commit 74b1b60125
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
19 changed files with 165 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

31
web/themes/manual-dark.css
View file

@ -1,6 +1,27 @@
html[data-theme="dark"] {
--color-chatbot-bg: linear-gradient(180deg, rgba(34, 34, 37, 0.90) 0%, rgba(29, 29, 32, 0.90) 90.48%);
--color-chat-bubble-bg: linear-gradient(180deg, rgba(200, 206, 218, 0.08) 0%, rgba(200, 206, 218, 0.02) 100%);
--color-workflow-process-bg: linear-gradient(90deg, rgba(24, 24, 27, 0.25) 0%, rgba(24, 24, 27, 0.04) 100%);
--mask-top2bottom-gray-50-to-transparent:linear-gradient(180deg, rgba(24, 24, 27, 0.08) 0%, rgba(0, 0, 0, 0.00) 100%);
}
--color-chatbot-bg: linear-gradient(
180deg,
rgba(34, 34, 37, 0.9) 0%,
rgba(29, 29, 32, 0.9) 90.48%
);
--color-chat-bubble-bg: linear-gradient(
180deg,
rgba(200, 206, 218, 0.08) 0%,
rgba(200, 206, 218, 0.02) 100%
);
--color-workflow-process-bg: linear-gradient(
90deg,
rgba(24, 24, 27, 0.25) 0%,
rgba(24, 24, 27, 0.04) 100%
);
--color-account-teams-bg: linear-gradient(
271deg,
rgba(34, 34, 37, 0.9) -0.1%,
rgba(29, 29, 32, 0.9) 98.26%
);
--mask-top2bottom-gray-50-to-transparent: linear-gradient(
180deg,
rgba(24, 24, 27, 0.08) 0%,
rgba(0, 0, 0, 0) 100%
);
}

31
web/themes/manual-light.css
View file

@ -1,6 +1,27 @@
html[data-theme="light"] {
--color-chatbot-bg: linear-gradient(180deg, rgba(249, 250, 251, 0.90) 0%, rgba(242, 244, 247, 0.90) 90.48%);
--color-chat-bubble-bg: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.60) 100%);
--color-workflow-process-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.20) 0%, rgba(200, 206, 218, 0.04) 100%);
--mask-top2bottom-gray-50-to-transparent: linear-gradient(180deg, rgba(200, 206, 218, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
}
--color-chatbot-bg: linear-gradient(
180deg,
rgba(249, 250, 251, 0.9) 0%,
rgba(242, 244, 247, 0.9) 90.48%
);
--color-chat-bubble-bg: linear-gradient(
180deg,
#fff 0%,
rgba(255, 255, 255, 0.6) 100%
);
--color-workflow-process-bg: linear-gradient(
90deg,
rgba(200, 206, 218, 0.2) 0%,
rgba(200, 206, 218, 0.04) 100%
);
--color-account-teams-bg: linear-gradient(
271deg,
rgba(249, 250, 251, 0.9) -0.1%,
rgba(242, 244, 247, 0.9) 98.26%
);
--mask-top2bottom-gray-50-to-transparent: linear-gradient(
180deg,
rgba(200, 206, 218, 0.2) 0%,
rgba(255, 255, 255, 0) 100%
);
}

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

@ -399,6 +399,7 @@ const vars = {
'background-default-burn': 'var(--color-background-default-burn)',
'background-overlay-fullscreen': 'var(--color-background-overlay-fullscreen)',
'background-default-lighter': 'var(--color-background-default-lighter)',
'background-account-teams-bg': 'var(--color-account-teams-bg)',
'background-section': 'var(--color-background-section)',
'background-interaction-from-bg-1': 'var(--color-background-interaction-from-bg-1)',
'background-interaction-from-bg-2': 'var(--color-background-interaction-from-bg-2)',