主题系统

介绍

主题系统就是用来统一页面的颜色、文字、按钮和间距，让整个项目看起来是一套风格，而不是每个页面各写各的。所有规则都来自设计规范图，代码里只做落地，不做随意发挥。

规范图与落地位置

下面四张图就是主题规范的来源，对应的落地位置也一并给出。

色彩规范

• 颜色资源放在 core/designsystem/src/main/resources/base/element/。
• 深色模式覆盖在 core/designsystem/src/main/resources/dark/element/。
• 改颜色时只改资源文件，不要在页面里写死颜色值。

文字规范

• 字号和行高都按规范图来，不建议页面里随便写数字。
• 需要新字号时先更新规范，再补到资源里。

按钮规范

• 按钮的字号、圆角、内边距和高度按规范走。
• 自定义按钮时优先用主题里的资源，保证风格一致。

布局规范

• 间距、内边距、分割线等尺寸统一管理。
• 页面布局优先用设计系统提供的间距和尺寸资源。

使用建议

• 主题系统是统一入口，页面里尽量不写硬编码值。
• 需要改视觉风格时先改资源和规范，再改页面。