主题系统示例

本页面展示 YH-UI 主题系统的完整功能演示。

基础用法

动态切换主色和暗黑模式。

基础用法

预设主题

内置常用的色彩预设，一键快速切换。

预设主题

密度/紧凑度系统

支持舒适、紧凑、密集三种视觉模式。

密度系统

色彩阶梯算法

提供默认、鲜艳、柔和、粉彩四种生成逻辑。

色彩算法

智能色彩生成

从单一主色自动计算并应用全套语义颜色。

智能生成

色盲友好模式

内置色盲仿真支持，确保无障碍访问体验。

色盲模式

组件级主题覆盖

无需全局修改，精准控制特定组件的样式变量。

组件覆盖

主题配置导出

支持将当前主题状态导出为 JSON 配置。

配置导出