Files
doodle-mini/miniprogram/style/theme3.less
T
2026-03-27 17:31:52 +08:00

53 lines
1.2 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
// v3.0 主题色体系(theme3
// 主题色 #FFD709 · 页背景 #FEF6E7 · Header #F8F0E0 · 主标题字 #322E25 · 选中按钮字 #6C5A00
// 品牌 / 主题色
@brand: #ffd709;
@brand-dark: #e5c200;
@brand-light: #fff4c4;
// 与 theme.less 对齐的别名
@primary-color: @brand;
@select-color: @brand;
// 页面结构背景
@bg-page: #fef6e7;
@bg-header: #f8f0e0;
@bg-default: @bg-page;
@bg-white: #ffffff;
@bg-gray: #f5edd8;
// 文本:标题 / title
@text-title: #322e25;
@text-primary: @text-title;
@text-default: @text-title;
// 选中态按钮上的文字
@text-selected-btn: #6c5a00;
// 辅助文本(正文可读色,可与标题区分)
@text-secondary: #605b50;
@text-light: rgba(50, 46, 37, 0.45);
@text-gray: #8a8478;
@text-white: #ffffff;
@text-disable: rgba(50, 46, 37, 0.35);
// 链接与外链(沿用可读蓝绿,可按需覆盖)
@link-color: #2794f4;
@wechat-color: #1fe000;
// 边框(适配暖色底)
@border: 1rpx solid rgba(50, 46, 37, 0.08);
@border-color: rgba(255, 215, 9, 0.35);
// 圆角
@radius-sm: 16rpx;
@radius: 24rpx;
@radius-lg: 32rpx;
// 阴影
@shadow: 0 4rpx 16rpx rgba(50, 46, 37, 0.06);
@shadow-lg: 0 8rpx 32rpx rgba(50, 46, 37, 0.1);
// icon
@font-size-icon: 40rpx;