房友平台主题色预览

主题色系统

深橙

深橙色

#cc6500

按下状态、深色强调

标准橙

标准橙（主题色）

#ff7e00

主按钮、链接、高亮

浅橙

浅橙色

#ff9933

Hover状态、次要强调

更浅橙

更浅橙色

#ffb366

辅助背景、标签

极浅橙

极浅橙色

#fff3e6

卡片背景、区域背景

功能色

✓

成功色

#52c41a

成功提示、完成状态

⚠

警告色

#faad14

警告提示、待处理

✕

错误色

#f5222d

错误提示、删除操作

ℹ

信息色

#1890ff

信息提示、普通消息

渐变色

线性渐变 135°

background: linear-gradient(135deg, #ff7e00 0%, #ff9933 100%);

按钮样式

配置代码

uni-app (fy_client)

// src/uni.scss
$uni-color-primary: #ff7e00;
$uni-color-primary-light: #ff9933;
$uni-color-primary-lighter: #ffb366;
$uni-color-primary-dark: #cc6500;

$uni-color-success: #52c41a;
$uni-color-warning: #faad14;
$uni-color-error: #f5222d;
$uni-color-info: #1890ff;

Element Plus (fy_admin)

// src/stores/themeConfig.ts
primary: '#ff7e00'  // 主题色会自动生成辅助色