# 定制外观

> 字体预设、配色与样式覆盖。

---

LLMS index: [llms.txt](/zh/llms.txt)

---

OINK 的外观定制建立在语义化 CSS 自定义属性之上：站点覆盖少量变量即可换肤，不需要复制主题的组件选择器。

## 本章内容 {#in-this-chapter}

- [字体预设](typography/)：七个语义字体角色与两个内置预设
- [样式覆盖](styling/)：配色、布局与 Sass 变量
- [进阶定制](customize/)：模板覆盖与站点自有组件

## 定制的优先级 {#precedence}

从低到高：

1. 主题默认值
2. 预设（`typography.preset`）
3. `_variables_project.scss` 里的 Sass 变量
4. `_styles_project.scss` 里的自定义属性覆盖

站点设置永远优先于预设默认值。

---

Section pages:

- [字体预设](/zh/docs/appearance/typography/): 用语义化字体角色换字体，不必复制主题的组件选择器。
- [外观与风格](/zh/docs/appearance/styling/): 定制主题、字体、代码样式与页面布局。
- [高级定制](/zh/docs/appearance/customize/): 通过兼容 Docsy 的 Sass 输入与 OINK 语义 token 定制字体和局部视觉样式。