admin
67a72783fe
Replace minimal background/foreground vars with a comprehensive design system covering colors (background, text, brand, profile, gifts, activities, nav), spacing, and border-radius tokens. Mirrors the original Dart design constants under src/design/*.ts and supports dark mode.
59 lines
2.1 KiB
CSS
59 lines
2.1 KiB
CSS
/* ============================================================
|
|
* 设计系统 - 颜色变量
|
|
* 原始 Dart: lib/design/colors.dart (light 主题)
|
|
* 集中管理颜色值，CSS 变量 + Tailwind utility 通过 globals.css 暴露
|
|
* ============================================================ */
|
|
|
|
:root {
|
|
/* ==================== 文字颜色 ==================== */
|
|
--color-text-primary: #ffffff;
|
|
--color-text-secondary: #9e9e9e;
|
|
--color-text-hint: #757575;
|
|
--color-text-banner: #8c8b8b;
|
|
--color-text-light: #e0e0e0;
|
|
--color-text-foreground: #171717;
|
|
|
|
/* ==================== 品牌色 ==================== */
|
|
--color-accent: #f84d96;
|
|
--color-primary: #1677ff;
|
|
--color-success: #52c41a;
|
|
--color-error: #ff4d4f;
|
|
--color-warning: #ffa940;
|
|
|
|
/* ==================== Profile 页面 ==================== */
|
|
--color-gold: #ffd700;
|
|
--color-section-title: #a59db1;
|
|
--color-settings-card-background: #261c31;
|
|
--color-settings-divider: #3d314a;
|
|
--color-settings-text-primary: #e0dce6;
|
|
--color-destructive: #ff6b6b;
|
|
--color-chevron-icon: #f67e9f;
|
|
--color-version-text: #6c6378;
|
|
--color-profile-tag-background: #2a2833;
|
|
|
|
/* ==================== Gifts 页面 ==================== */
|
|
--color-gifts-background: #0d0b14;
|
|
--color-gift-card-background: #2d253a;
|
|
--color-coin-icon: #ffa940;
|
|
--color-button-gradient-start: #8b5cf6;
|
|
--color-button-gradient-end: #ec4899;
|
|
--color-nav-active-border: #8b5cf6;
|
|
--color-gift-price-text: #ffa940;
|
|
|
|
/* ==================== Activities 页面 ==================== */
|
|
--color-activities-background: #0e0b16;
|
|
|
|
/* ==================== 导航激活状态 ==================== */
|
|
--color-nav-active-gradient-start: #667eea;
|
|
--color-nav-active-gradient-end: #764ba2;
|
|
--color-nav-active-icon: #667eea;
|
|
--color-nav-active-label: #667eea;
|
|
|
|
/* ==================== Splash 页面 Facebook 按钮 ==================== */
|
|
--color-facebook-button-gradient-start: #ff67e0;
|
|
--color-facebook-button-gradient-end: #ff52a2;
|
|
|
|
/* ==================== 页面背景（body 用） ==================== */
|
|
--color-page-background: #ffffff;
|
|
}
|