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

chore: update the theme selector setting in globals.css

Browse Source
This commit is contained in:
Yi 2024-11-13 16:43:00 +08:00
parent aa88028564
commit b10a1cd325
1 changed files with 35 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
web/app/styles/globals.css
View File

@ -2,8 +2,8 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@import '../../themes/light.css'; @import "../../themes/light.css";
@import '../../themes/dark.css'; @import "../../themes/dark.css";
html[data-changing-theme] * { html[data-changing-theme] * {
transition: none !important; transition: none !important;
@ -20,24 +20,30 @@ html[data-changing-theme] * {
--background-start-rgb: 214, 219, 220; --background-start-rgb: 214, 219, 220;
--background-end-rgb: 255, 255, 255; --background-end-rgb: 255, 255, 255;
--primary-glow: conic-gradient(from 180deg at 50% 50%, --primary-glow: conic-gradient(
#16abff33 0deg, from 180deg at 50% 50%,
#0885ff33 55deg, #16abff33 0deg,
#54d6ff33 120deg, #0885ff33 55deg,
#0071ff33 160deg, #54d6ff33 120deg,
transparent 360deg); #0071ff33 160deg,
--secondary-glow: radial-gradient(rgba(255, 255, 255, 1), transparent 360deg
rgba(255, 255, 255, 0)); );
--secondary-glow: radial-gradient(
rgba(255, 255, 255, 1),
rgba(255, 255, 255, 0)
);
--tile-start-rgb: 239, 245, 249; --tile-start-rgb: 239, 245, 249;
--tile-end-rgb: 228, 232, 233; --tile-end-rgb: 228, 232, 233;
--tile-border: conic-gradient(#00000080, --tile-border: conic-gradient(
#00000040, #00000080,
#00000030, #00000040,
#00000020, #00000030,
#00000010, #00000020,
#00000010, #00000010,
#00000080); #00000010,
#00000080
);
--callout-rgb: 238, 240, 241; --callout-rgb: 238, 240, 241;
--callout-border-rgb: 172, 175, 176; --callout-border-rgb: 172, 175, 176;
@ -282,7 +288,7 @@ button:focus-within {
line-height: 24px; line-height: 24px;
} }
[class*='code-'] { [class*="code-"] {
@apply font-mono; @apply font-mono;
} }
@ -644,7 +650,7 @@ button:focus-within {
} }
.text-gradient { .text-gradient {
background: linear-gradient(91.58deg, #2250F2 -29.55%, #0EBCF3 75.22%); background: linear-gradient(91.58deg, #2250f2 -29.55%, #0ebcf3 75.22%);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
@ -652,7 +658,7 @@ button:focus-within {
} }
/* overwrite paging active dark model style */ /* overwrite paging active dark model style */
[class*=style_paginatio] li .text-primary-600 { [class*="style_paginatio"] li .text-primary-600 {
color: rgb(28 100 242); color: rgb(28 100 242);
background-color: rgb(235 245 255); background-color: rgb(235 245 255);
} }
@ -665,8 +671,13 @@ button:focus-within {
bottom: 0; bottom: 0;
} }
@import '../components/base/button/index.css'; [data-theme="dark"] [data-hide-on-theme="dark"],
@import '../components/base/action-button/index.css'; [data-theme="light"] [data-hide-on-theme="light"] {
@import '../components/base/modal/index.css'; display: none;
}
@tailwind utilities; @import "../components/base/button/index.css";
@import "../components/base/action-button/index.css";
@import "../components/base/modal/index.css";
@tailwind utilities;