46 lines
1.3 KiB
SCSS
46 lines
1.3 KiB
SCSS
// =============================================================
|
|
// 云泽统一主题 · 冷调科技蓝（蓝白高级）
|
|
// 品牌主色 #2563eb，浅蓝 #60a5fa，深蓝 #1d4ed8
|
|
// 背景冷灰白 #f8fafc，卡片纯白，柔和多层阴影，克制留白
|
|
// =============================================================
|
|
|
|
// 品牌色
|
|
$color-primary: #2563eb;
|
|
$color-primary-dark: #1d4ed8;
|
|
$color-primary-light: #60a5fa;
|
|
$color-primary-bg: #eff6ff;
|
|
|
|
// 背景与卡片
|
|
$color-bg-page: #f8fafc;
|
|
$color-card: #ffffff;
|
|
|
|
// 文字
|
|
$color-text: #0f172a;
|
|
$color-text-secondary: #475569;
|
|
$color-text-muted: #94a3b8;
|
|
|
|
// 线条
|
|
$color-border: #e2e8f0;
|
|
$color-divider: #f1f5f9;
|
|
|
|
// 语义色
|
|
$color-success: #10b981;
|
|
$color-warning: #f59e0b;
|
|
$color-danger: #ef4444;
|
|
|
|
// 阴影（多层柔和，营造轻盈悬浮的高级感）
|
|
$shadow-card: 0 1rpx 3rpx rgba(15, 23, 42, 0.04), 0 8rpx 24rpx rgba(37, 99, 235, 0.06);
|
|
$shadow-float: 0 2rpx 8rpx rgba(15, 23, 42, 0.06), 0 14rpx 34rpx rgba(37, 99, 235, 0.12);
|
|
$shadow-header: 0 1rpx 2rpx rgba(15, 23, 42, 0.03);
|
|
|
|
// 圆角
|
|
$radius-sm: 10rpx;
|
|
$radius-md: 16rpx;
|
|
$radius-lg: 24rpx;
|
|
$radius-full: 999rpx;
|
|
|
|
// 间距
|
|
$page-padding-x: 32rpx;
|
|
|
|
// Hero 渐变（登录页 / 工作台头部共用）
|
|
$hero-gradient: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%); |