应用使用者
可编辑样式
编辑器改变完整的视觉系统,而不是改写页面结构或任意 CSS。可编辑内容
| 分类 | 效果与代表字段 | 用户预期 |
|---|---|---|
| 颜色 | 背景、前景、表面、主/次/强调、交互与反馈色。 | 多数语义色可分别编辑 Light/Dark。 |
| 排版 | 字体族、九级字重、字号、行高、字距。 | 标准 shared 字段同步两个模式。 |
| 布局与形状 | 基础间距单元、控件尺寸倍率、圆角、边框与焦点环。 | 改变界面的节奏与轮廓。 |
| 层次与材质 | 阴影、模糊、饱和度、结构化渐变、背景/表面图案。 | 输入被限制为安全的结构化值。 |
| 动效 | 时长与缓动曲线。 | 标准 shared 字段同步两个模式。 |
Light 与 Dark 是两个工作面
编辑器的模式开关决定正在修改的外观作用域。颜色和材质等可以按模式独立变化;shared 字段则有意保持一致。
编辑器不会做什么
它不会修改应用信息架构、页面内容、组件结构或任意 CSS。为了看见变化,应用中的组件必须消费 OriaTheme 的 CSS variables。
了解基础色库与语义色