91 lines
3.2 KiB
CSS
91 lines
3.2 KiB
CSS
:root {
|
|
/* 基础颜色 */
|
|
--background: oklch(0.9900 0 0);
|
|
--foreground: oklch(0.2000 0 0);
|
|
|
|
/* 主色调 - 清新绿色 */
|
|
--primary: oklch(0.6800 0.1800 142.4953);
|
|
--primary-foreground: oklch(1.0000 0 0);
|
|
|
|
/* 次要色调 - 浅灰色 */
|
|
--secondary: oklch(0.9500 0.0100 0);
|
|
--secondary-foreground: oklch(0.3000 0 0);
|
|
|
|
/* 静音色 - 更浅的灰色 */
|
|
--muted: oklch(0.9700 0.0050 0);
|
|
--muted-foreground: oklch(0.5000 0 0);
|
|
|
|
/* 强调色 - 温暖橙色 */
|
|
--accent: oklch(0.7200 0.1500 50.0000);
|
|
--accent-foreground: oklch(1.0000 0 0);
|
|
|
|
/* 破坏性操作 - 柔和红色 */
|
|
--destructive: oklch(0.5770 0.2000 27.3250);
|
|
--destructive-foreground: oklch(1.0000 0 0);
|
|
|
|
/* 边框和输入框 */
|
|
--border: oklch(0.9200 0.0100 0);
|
|
--input: oklch(0.9800 0 0);
|
|
--ring: oklch(0.6800 0.1800 142.4953);
|
|
|
|
/* 卡片和弹出层 */
|
|
--card: oklch(1.0000 0 0);
|
|
--card-foreground: oklch(0.2000 0 0);
|
|
--popover: oklch(1.0000 0 0);
|
|
--popover-foreground: oklch(0.2000 0 0);
|
|
|
|
/* 图表颜色 */
|
|
--chart-1: oklch(0.6800 0.1800 142.4953);
|
|
--chart-2: oklch(0.7200 0.1500 50.0000);
|
|
--chart-3: oklch(0.6000 0.1500 200.0000);
|
|
--chart-4: oklch(0.7500 0.1200 100.0000);
|
|
--chart-5: oklch(0.6500 0.1000 300.0000);
|
|
|
|
/* 侧边栏 */
|
|
--sidebar: oklch(0.9800 0 0);
|
|
--sidebar-foreground: oklch(0.2000 0 0);
|
|
--sidebar-primary: oklch(0.6800 0.1800 142.4953);
|
|
--sidebar-primary-foreground: oklch(1.0000 0 0);
|
|
--sidebar-accent: oklch(0.7200 0.1500 50.0000);
|
|
--sidebar-accent-foreground: oklch(1.0000 0 0);
|
|
--sidebar-border: oklch(0.9200 0.0100 0);
|
|
--sidebar-ring: oklch(0.6800 0.1800 142.4953);
|
|
|
|
/* 字体 - 使用思源黑体和苹方，确保中文显示效果 */
|
|
--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Microsoft YaHei", "WenQuanYi Micro Hei", "Open Sans", sans-serif;
|
|
--font-serif: "Source Han Serif CN", "Songti SC", "SimSun", serif;
|
|
--font-mono: "JetBrains Mono", "Source Code Pro", "Consolas", monospace;
|
|
|
|
/* 圆角 - 适中的圆角，友好但不失专业 */
|
|
--radius: 0.75rem;
|
|
--radius-sm: 0.5rem;
|
|
--radius-md: 0.75rem;
|
|
--radius-lg: 1rem;
|
|
--radius-xl: 1.5rem;
|
|
|
|
/* 阴影 - 柔和的阴影效果 */
|
|
--shadow-2xs: 0 1px 2px 0px rgba(0, 0, 0, 0.03);
|
|
--shadow-xs: 0 1px 3px 0px rgba(0, 0, 0, 0.05);
|
|
--shadow-sm: 0 2px 4px 0px rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.06);
|
|
--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
--shadow-md: 0 6px 10px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
|
|
|
|
/* 字间距 */
|
|
--tracking-normal: 0.02em;
|
|
|
|
/* 间距 - 较大的基础间距，适合老年用户 */
|
|
--spacing: 0.375rem;
|
|
|
|
/* 特殊变量 - 适老化设计 */
|
|
--font-size-base: 18px;
|
|
--font-size-lg: 20px;
|
|
--font-size-xl: 24px;
|
|
--font-size-2xl: 28px;
|
|
--font-size-3xl: 36px;
|
|
--line-height-relaxed: 1.75;
|
|
--button-height: 56px;
|
|
--tap-target-min: 48px;
|
|
} |