22 lines
1.3 KiB
SCSS
22 lines
1.3 KiB
SCSS
/**
|
|
* 应用模块图标色板（全局）· 冷调科技蓝
|
|
*
|
|
* 工作台/应用中心按模块 code 轮换取色，避免所有卡片都是同一个蓝色。
|
|
* 用法：<view class="tint-icon tint-2"><FaIcon .../></view>
|
|
* .tint-icon 的尺寸/圆角/居中定义在 page-common.scss 的 @mixin tint-icon 中，
|
|
* 这里只提供背景渐变。
|
|
*
|
|
* 统一收敛到「蓝白高级」的冷色区间（蓝 / 靛 / 天青），通过明度与色相微差区分模块，
|
|
* 不再使用高饱和的绿/橙/紫/红，保持整体克制、干净。
|
|
*/
|
|
.tint-0 { background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%); }
|
|
.tint-1 { background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%); }
|
|
.tint-2 { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%); }
|
|
.tint-3 { background: linear-gradient(135deg, #4f46e5 0%, #818cf8 100%); }
|
|
.tint-4 { background: linear-gradient(135deg, #0891b2 0%, #22d3ee 100%); }
|
|
.tint-5 { background: linear-gradient(135deg, #3b82f6 0%, #93c5fd 100%); }
|
|
.tint-6 { background: linear-gradient(135deg, #4338ca 0%, #6366f1 100%); }
|
|
.tint-7 { background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%); }
|
|
|
|
/** 未开通（套餐锁定）时的灰色底 */
|
|
.tint-off { background: linear-gradient(135deg, #cbd5e1 0%, #e2e8f0 100%); } |