All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 22s
Docker Build & Deploy / Deploy to Production (push) Successful in 6s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
- 新建 theme.css 定义 CSS 变量,统一亮色/暗色主题色彩 - 新建 layout.css 优化底部导航栏布局 - 在 App.vue 中添加 Vant UI 主题变量映射 - 修复底部导航栏与屏幕底部间距过大问题 - 添加安全区域(safe-area-inset)处理
38 lines
860 B
CSS
38 lines
860 B
CSS
/* EmailBill 主题颜色系统 */
|
|
|
|
:root {
|
|
/* 亮色主题 - 背景色系统 */
|
|
--bg-primary: #FFFFFF;
|
|
--bg-secondary: #F6F7F8;
|
|
--bg-tertiary: #F5F5F5;
|
|
|
|
/* 亮色主题 - 文本色系统 */
|
|
--text-primary: #1A1A1A;
|
|
--text-secondary: #6B7280;
|
|
--text-tertiary: #9CA3AF;
|
|
|
|
/* 语义色 */
|
|
--color-primary: #3B82F6;
|
|
--color-danger: #FF6B6B;
|
|
--color-success: #07C160;
|
|
--color-warning: #FAAD14;
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
/* 暗色主题 - 背景色系统 */
|
|
--bg-primary: #09090B;
|
|
--bg-secondary: #18181B;
|
|
--bg-tertiary: #27272A;
|
|
|
|
/* 暗色主题 - 文本色系统 */
|
|
--text-primary: #F4F4F5;
|
|
--text-secondary: #A1A1AA;
|
|
--text-tertiary: #71717A;
|
|
|
|
/* 语义色在暗色模式下保持不变或微调 */
|
|
--color-primary: #3B82F6;
|
|
--color-danger: #FF6B6B;
|
|
--color-success: #07C160;
|
|
--color-warning: #FAAD14;
|
|
}
|