index.css
1.26 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
@import "tailwindcss";
:root {
/* 全局浅色主题变量 - 干净清爽 */
--bg-app: #f8fafc; /* 页面底色 */
--bg-surface: #ffffff; /* 卡片/侧边栏底色 */
--bg-subtle: #f1f5f9; /* 输入框/微浅底色 */
--border-color: #e2e8f0; /* 边框色 */
--text-main: #0f172a; /* 主标题/正文字色 */
--text-muted: #64748b; /* 辅助文字色 */
--primary: #059669; /* 品牌翡翠绿 */
}
.dark {
/* 备用暗色主题变量 */
--bg-app: #090a0f;
--bg-surface: #13151c;
--bg-subtle: #1c1f2b;
--border-color: #272c3d;
--text-main: #f8fafc;
--text-muted: #94a3b8;
--primary: #10b981;
}
body {
background-color: var(--bg-app);
color: var(--text-main);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
margin: 0;
padding: 0;
overflow: hidden;
height: 100vh;
}
/* 统一控制所有卡片、边框、输入框 */
.theme-surface {
background-color: var(--bg-surface);
border-color: var(--border-color);
color: var(--text-main);
}
.theme-subtle {
background-color: var(--bg-subtle);
border-color: var(--border-color);
color: var(--text-main);
}
.theme-border {
border-color: var(--border-color);
}
.theme-text-muted {
color: var(--text-muted);
}