主题系统

更新时间 2025/7/10 08:46:09

AtomUI 主题系统基本上实现了 Ant Design 的主题系统标准,所以大部分概念是一样的。

AtomUI 的主题系统是一套基于 Avalonia Style 的动态样式管理方案,允许开发者灵活定制组件库的视觉风格,包括颜色、字体、间距、圆角等设计变量。其核心机制包括:

设计变量(Design Tokens)

AtomUI 通过一套预定义的变量(如 PrimaryColor、BorderRadiusBase)控制整体设计语言,确保样式的一致性和可维护性。

动态主题切换

支持运行时动态修改主题(如暗黑模式),基于 Avalonia 样式资源绑定实现无缝样式切换。

按需覆盖与扩展

基于 Avalonia 样式资源的树形查找机制,我们实现了全局控件样式资源和控件自身样式资源的优先级系统,如果控件自身定义的样式资源,会优先使用控件自身的样式

AtomUI 的主题系统通过模块化、可配置化的设计,帮助开发者高效实现品牌定制化需求,同时保持代码的可维护性。