修复主题一些细节优化问题
This commit is contained in:
1 parent
6351760676
commit
0b869f099f
24 files changed
+645
-67
No files matched your search
@@ -1,8 +1,10 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
:root {
|
||||
color-scheme: light;
|
||||
--bg: #fcfaf5;
|
||||
--surface: #f6f1e7;
|
||||
--card: #fffdf8;
|
||||
--text: #223d66;
|
||||
--muted: #6f7f96;
|
||||
--line: #e4dfd2;
|
||||
@@ -14,9 +16,26 @@
|
||||
--warning: #c09a46;
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--bg: #111827;
|
||||
--surface: #1b2638;
|
||||
--card: #243247;
|
||||
--text: #f3f7fd;
|
||||
--muted: #c1ccdc;
|
||||
--line: #51627a;
|
||||
--accent: #9fc4f4;
|
||||
--accent-hover: #bfdbfe;
|
||||
--danger: #fca5a5;
|
||||
--danger-hover: #fecaca;
|
||||
--success: #86efac;
|
||||
--warning: #f3d58a;
|
||||
}
|
||||
|
||||
@theme inline {
|
||||
--color-bg: var(--bg);
|
||||
--color-surface: var(--surface);
|
||||
--color-card: var(--card);
|
||||
--color-text: var(--text);
|
||||
--color-muted: var(--muted);
|
||||
--color-line: var(--line);
|
||||
@@ -36,6 +55,33 @@ body {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] input,
|
||||
:root[data-theme="dark"] textarea,
|
||||
:root[data-theme="dark"] select {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] input::placeholder,
|
||||
:root[data-theme="dark"] textarea::placeholder {
|
||||
color: #aebbd0;
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] .text-muted\/30,
|
||||
:root[data-theme="dark"] .text-muted\/35,
|
||||
:root[data-theme="dark"] .text-muted\/40,
|
||||
:root[data-theme="dark"] .text-muted\/50 {
|
||||
color: #aebbd0;
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] .text-text\/70,
|
||||
:root[data-theme="dark"] .text-text\/80 {
|
||||
color: #d8e2f0;
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] .border-line\/50 {
|
||||
border-color: #43546d;
|
||||
}
|
||||
|
||||
/* Scrollbar */
|
||||
::-webkit-scrollbar { width: 6px; height: 6px; }
|
||||
::-webkit-scrollbar-track { background: transparent; }
|
||||
|
||||
Reference in new issue
Block a user