AtomUI 主题系统基本上实现了 Ant Design 的主题系统标准,所以大部分概念是一样的。
AtomUI 的主题系统是一套基于 Avalonia Style 的动态样式管理方案,允许开发者灵活定制组件库的视觉风格,包括颜色、字体、间距、圆角等设计变量。其核心机制包括:
设计变量(Design Tokens)
AtomUI 通过一套预定义的变量(如 PrimaryColor、BorderRadiusBase)控制整体设计语言,确保样式的一致性和可维护性。
动态主题切换
支持运行时动态修改主题(如暗黑模式),基于 Avalonia 样式资源绑定实现无缝样式切换。
按需覆盖与扩展
基于 Avalonia 样式资源的树形查找机制,我们实现了全局控件样式资源和控件自身样式资源的优先级系统,如果控件自身定义的样式资源,会优先使用控件自身的样式
AtomUI 的主题系统通过模块化、可配置化的设计,帮助开发者高效实现品牌定制化需求,同时保持代码的可维护性。