admin
9deb320cf6
Rename the global Sidebar route, UI, assets, analytics, and payment return context to Profile. Add accessible message-avatar navigation and preserve the source character across auth and logout flows. BREAKING CHANGE: /sidebar has been removed; use /profile instead.
107 lines
3.3 KiB
CSS
107 lines
3.3 KiB
CSS
/**
|
||
* 颜色 token
|
||
*
|
||
*
|
||
* 使用 `@theme` 直接声明，Tailwind 4 自动生成 utility 类：
|
||
* - bg-accent / text-primary / border-error
|
||
*
|
||
* 对应组件用法（CSS Module / Tailwind class）：
|
||
* - `var(--color-accent)` 或 `className="bg-accent"`
|
||
*/
|
||
@theme {
|
||
/* ==================== 文字颜色 ==================== */
|
||
--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;
|
||
|
||
--color-button-gradient-start: #ff67e0;
|
||
--color-button-gradient-end: #ff52a2;
|
||
|
||
/* ==================== 页面背景（body 用） ==================== */
|
||
--color-page-background: #ffffff;
|
||
|
||
/* ==================== 扩展令牌（迁移自 Flutter UI） ==================== */
|
||
/* Splash 深色背景 */
|
||
--color-splash-background: #0d0b14;
|
||
--color-dark-background: #0d0b14;
|
||
--color-dark-gray: #2a2a2a;
|
||
--color-bubble-background: #1a1625;
|
||
--color-bubble-transparent: rgba(255, 255, 255, 0);
|
||
|
||
/* 聊天输入框 */
|
||
--color-chat-input-border: rgba(255, 255, 255, 0.1);
|
||
--color-input-box-shadow: rgba(0, 0, 0, 0.1);
|
||
--color-input-placeholder: #757575;
|
||
--color-pwa-button-text: #ffffff;
|
||
|
||
/* Facebook 蓝 */
|
||
--color-facebook-blue: #1877f2;
|
||
|
||
/* Dialog 通用 */
|
||
--color-dialog-background: #1f1a2e;
|
||
--color-dialog-border: rgba(255, 255, 255, 0.1);
|
||
|
||
/* 半透明 / 模糊 */
|
||
--color-blur-background: rgba(13, 11, 20, 0.85);
|
||
|
||
/* ==================== Auth 页专用（与 Dart auth_screen.dart 对齐） ==================== */
|
||
/* 浅色表面（Auth 页内容卡片 / 弹层背景） */
|
||
--color-auth-surface: #ffffff;
|
||
|
||
/* 弹层内第三方登录按钮边框 */
|
||
--color-auth-border: #d5d7db;
|
||
|
||
/* Auth 页输入框占位符 */
|
||
--color-auth-input-placeholder: #999999;
|
||
|
||
/* Auth 页文字主色（深色，区别于全局白字） */
|
||
--color-auth-text-primary: #333333;
|
||
--color-auth-text-secondary: #9e9e9e;
|
||
|
||
/* Auth 输入框阴影（accent #f759a8 10% 透明） */
|
||
--color-auth-input-shadow: rgba(247, 89, 168, 0.10);
|
||
|
||
/* Auth 主按钮阴影（#d00c41 20% 透明） */
|
||
--color-auth-primary-button-shadow: rgba(208, 12, 65, 0.20);
|
||
|
||
/* Auth 主按钮渐变（与 Dart primaryGradient 对齐） */
|
||
--color-auth-primary-gradient-start: #f96ade;
|
||
--color-auth-primary-gradient-end: #f657a0;
|
||
|
||
/* Legal 复选框选中点 */
|
||
--color-auth-legal-check: #f657a0;
|
||
|
||
/* 底部弹层 drag handle */
|
||
--color-auth-drag-handle: #3a3a3a;
|
||
|
||
/* Settings section (对齐 Flutter lib/ui/core/settings_section.dart) */
|
||
--color-settings-card-background: #ffffff;
|
||
--color-settings-row-background: #f5f5f5;
|
||
--color-settings-divider: #3d314a;
|
||
--color-chevron-icon: #000000;
|
||
--color-destructive: #ff6b6b;
|
||
|
||
/* ==================== Profile（浅色主题） ==================== */
|
||
/* 卡片纯白表面 */
|
||
--color-card-surface: #ffffff;
|
||
|
||
/* 卡片描边粗细 */
|
||
--border-card: 1.5px;
|
||
|
||
/* 卡片阴影（极轻） */
|
||
--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04);
|
||
|
||
/* 已激活状态 pill 背景（用于 VIP "Activated" 角标） */
|
||
--color-pill-bg: rgba(248, 77, 150, 0.10);
|
||
}
|