lawless/client/assets/scripts/ui/common/UITheme.ts
徐勤民 521603a899
一些检测仍在等待运行
Docs Build / build-and-deploy (push) Waiting to run
refactor(client): 删除游戏核心管理器和场景脚本
- 移除 ConfigManager 配置管理器类
- 移除 GameManager 全局单例管理器类
- 移除 NetworkManager 网络连接管理器类
- 移除 CharacterData 和 ItemData 数据模型类
- 移除 BagScene、BattleScene、LobbyScene 等场景脚本
- 移除 EncounterBubble 和 EventFeedPanel UI组件脚本
- 更新代理邀请文档中的服务器连接方式
- 更新同步状态表格中的代理任务分配信息
- 添加 MiMo 任务完成总结和审查修复记录
2026-07-03 21:34:51 +08:00

88 行
2.7 KiB
TypeScript

/**
* UI Theme Constants - 洪荒大陆
* 基于江湖参考截图风格:深色古风底纹 + 金色装饰 + 水墨质感
*/
export class UITheme {
// === 色彩系统 ===
static readonly COLORS = {
// 主色调
BG_DARK: '#1a1520', // 最深背景
BG_PRIMARY: '#2a2535', // 主背景(深紫灰)
BG_PANEL: '#3a3040', // 面板背景
BG_CARD: '#4a3d50', // 卡片背景
BG_LIGHT: '#f5e6d0', // 浅色面板(古纸色)
BG_PARCHMENT: '#e8d5b8', // 卷轴/文本区域
// 金色系
GOLD_PRIMARY: '#c9a84c', // 主金色
GOLD_LIGHT: '#e8d08c', // 浅金色
GOLD_DARK: '#8a6d2b', // 暗金色
GOLD_BORDER: '#b8943a', // 边框金色
// 文字色
TEXT_WHITE: '#f0e6d2', // 主文字
TEXT_GOLD: '#e8c86c', // 金色文字(标题)
TEXT_NORMAL: '#c8b8a0', // 普通文字
TEXT_DIM: '#8a7d6d', // 暗淡文字
TEXT_RED: '#e84c4c', // 红色(伤害/负面)
TEXT_GREEN: '#4ce84c', // 绿色(治疗/正面)
TEXT_BLUE: '#4c8ce8', // 蓝色(链接/特殊)
TEXT_PURPLE: '#b44ce8', // 紫色(稀有)
TEXT_ORANGE: '#e8a04c', // 橙色(传说)
// 功能色
HP_BAR: '#c83232', // 血条
HP_BAR_BG: '#3a1a1a', // 血条背景
MP_BAR: '#3264c8', // 能量条
MP_BAR_BG: '#1a2a3a', // 能量条背景
EXP_BAR: '#4cc864', // 经验条
EXP_BAR_BG: '#1a3a2a', // 经验条背景
// 品质色
QUALITY_COMMON: '#b0a090', // 凡品
QUALITY_FINE: '#4ce84c', // 良品
QUALITY_EXCELLENT: '#4c8ce8', // 优品
QUALITY_PREMIUM: '#b44ce8', // 精品
QUALITY_SUPREME: '#e8a04c', // 极品
QUALITY_CHAOS: '#e84ce8', // 混沌
};
// === 字体大小 ===
static readonly FONT_SIZE = {
XS: 16,
SM: 20,
MD: 24,
LG: 30,
XL: 36,
XXL: 44,
TITLE: 52,
};
// === 间距 ===
static readonly SPACING = {
XS: 4,
SM: 8,
MD: 12,
LG: 16,
XL: 24,
XXL: 32,
};
// === 圆角 ===
static readonly RADIUS = {
SM: 4,
MD: 8,
LG: 12,
XL: 16,
ROUND: 999,
};
// === 阴影 ===
static readonly SHADOW = {
PANEL: '0 2px 8px rgba(0,0,0,0.4)',
BUTTON: '0 2px 4px rgba(0,0,0,0.3)',
POPUP: '0 4px 16px rgba(0,0,0,0.6)',
};
}