> For AI agents: the complete documentation index is available at https://shijin.space/llms.txt, the full documentation bundle is available at https://shijin.space/llms-full.txt.

# Cinderfolio-Rspress

[Rspress](https://github.com/web-infra-dev/rspress) 是基于 Rsbuild 的静态站点生成器。


**深色**`g0``#121212`

默认

**浅色**`g16`bg`#fafaf8`

默认

**品牌色**`brand``#f97316`

默认

亮色 · 全网页生效

[下载 cf-rspress.css](https://shijin.space/cinderfolio/cf-rspress.css)

## 显示职责


### 背景层次

- 画布bg`#fafaf8``g16` · 页面、导航、侧栏、代码块、提示框内行内代码与图表节点


- 浅层底色`#ececea``g15` · 行内代码、提示区域、轻底色容器与卡片渐变


- 悬浮与分组底色`#dddddb``g14` · 未选中项悬浮、图表分组



### 文字层次

- 正文与标题`#121212``g0` · 正文、标题、主图标、图表文字与连线


- 次要文字`#3e3e3d``g3` · 摘要、说明与侧栏目录


- 辅助文字`#5b5b5a``g5` · 时间、路径、行号与元信息



### 边界与控件

- 淡分隔线`#dddddb``g14` · 导航底线、表格、卡片、图表外框与滚动条


- 强分隔线`#c0c0bf``g12` · 弹窗外框、明确分组与滚动条悬停


- 控件边界`#5b5b5a``g5` · 次要按钮、切换按钮与搜索输入框的边界


- 控件选中底色`#f97316``brand` · 切换按钮等控件的品牌色实底


- 控件选中文字`#121212``g0` · 品牌色实底上的文字与滑块，自动选择对比更高的端点



### 品牌与状态

- 交互提示`#f97316``brand` · 导航强调、悬浮提示、焦点、搜索当前项边框、代码高亮线与复制成功提示


- 链接与当前项目文字`#ef6606``dark` · 正文链接、当前项目文字与语法关键词


- 图表描边`#d65b06``darker` · 图表节点与分组描边


- 文字选区底色`#fad8c0``brand 25% + bg 75%` · 鼠标或键盘选择文字；正文、说明与链接保留原字色


- 当前项目底色`#fae6d6``brand 15% + bg 85%` · 当前导航、项目与代码高亮行的淡品牌色底




## 固定色阶


**g0**0%

`#121212`

**g1**6.25%

`#212120`

**g2**12.5%

`#2f2f2f`

**g3**18.75%

`#3e3e3d`

**g4**25%

`#4c4c4c`

**g5**31.25%

`#5b5b5a`

**g6**37.5%

`#696968`

**g7**43.75%

`#787877`

**g8**50%

`#868685`

**g9**56.25%

`#959593`

**g10**62.5%

`#a3a3a2`

**g11**68.75%

`#b2b2b0`

**g12**75%

`#c0c0bf`

**g13**81.25%

`#cfcfcd`

**g14**87.5%

`#dddddb`

**g15**93.75%

`#ececea`

**g16**bg100%

`#fafaf8`

**darker**ΔL −10

`#d65b06`

**dark**ΔL −5

`#ef6606`

**brand**ΔL 0

`#f97316`

**light**ΔL +10

`#fa9148`

**lighter**ΔL +20

`#fcaf79`