28 lines
933 B
SCSS
28 lines
933 B
SCSS
@import 'tuniao-ui/theme.scss';
|
|
|
|
/* --- 项目全局颜色变量 --- */
|
|
// 主题色 (天蓝)
|
|
$brand-primary: #00BBE8;
|
|
// 主题色 RGB 值，用于 rgba 计算透明度
|
|
$brand-primary-rgb: 0, 187, 232;
|
|
|
|
/* --- 图标设计系统色板 --- */
|
|
// 品牌主图标色
|
|
$icon-tone-brand: #00BBE8;
|
|
// 品牌深色，用于强调图标
|
|
$icon-tone-brand-deep: #0C6E8B;
|
|
// 高级感点缀色，用于皇冠/精选等身份型图标
|
|
$icon-tone-luxury: #D8B56A;
|
|
// 深石墨色，用于主要功能图标
|
|
$icon-tone-strong: #1E293B;
|
|
// 中性辅助色，用于箭头、次级提示图标
|
|
$icon-tone-muted: #8A94A6;
|
|
// 浅色蒙层场景图标
|
|
$icon-tone-overlay: rgba(255, 255, 255, 0.92);
|
|
// 品牌浅底，用于图标容器底色
|
|
$icon-surface-brand-soft: rgba($brand-primary, 0.12);
|
|
// 高级金浅底
|
|
$icon-surface-luxury-soft: rgba($icon-tone-luxury, 0.16);
|
|
// 深色图标浅底
|
|
$icon-surface-strong-soft: rgba($icon-tone-strong, 0.08);
|