外观

这些设置都在 设置 → 外观 里，只改变你自己看到的样子。公开主页始终使用 Vesper 自己的样式。

主题、字体和强调色

内置五个主题，都会自动适配浅色和深色模式。

主题	风格
纸张	暖色纸面加点阵（默认）
素净	纸面，但去掉点阵和手写字体
雾蓝	冷调蓝灰
抹茶	柔和的绿色
墨	黑白

还可以选择：

• 字体：系统默认、苹方/SF（Apple 设备）、Inter、思源黑体、思源宋体、Source Serif 或霞鹜文楷。
• 记录正文的字号。
• 强调色，用于链接、按钮和高亮。深色模式下会自动调浅一些，保证看得清。点 用主题自带的颜色 即可恢复。

自定义 CSS Pro

Pro 用户可以写自己的 CSS。它在 Vesper 自带的所有样式之后加载，不用 !important 也能覆盖。

先改变量

大多数时候改变量就够了。light-dark(浅色值, 深色值) 可以给两种模式分别取值。

:root {
  --color-background: light-dark(#fffaf3, #17140f);
  --font-sans: "Iowan Old Style", serif;
}

[data-vx="entry-body"] {
  font-size: 1.0625rem;
  line-height: 1.8;
}

变量	控制
--color-background、--color-muted	页面和面板背景
--color-foreground、--color-muted-foreground	文字
--color-border、--color-border-strong	线条
--color-accent、--color-accent-foreground	链接、按钮、高亮
--color-note、--color-photo-frame、--color-paper-grid	置顶便签、照片边框、点阵
--font-sans、--font-serif、--font-mono、--font-hand	字体
--radius-sm、--radius-md、--radius-lg、--shadow-paper	圆角和阴影

选择器

页面的每个部分都有 data-vx 属性。下面这些名字在版本之间保持不变；其他 data-vx 名字和 class 名可能会变。

选择器	对应部分
[data-vx="header"]、[data-vx="brand"]	页头，以及空间名称和图标
[data-vx="timeline"]、[data-vx="entry"]	时间线和每条记录
[data-vx="entry-body"]	记录正文
[data-vx="print"]、[data-vx="prints"]	时间线上的照片
[data-vx="tag-bar"]、[data-vx="tag"]	标签
[data-vx="rail"]、[data-vx="heatmap"]	侧栏和活跃热力图
[data-vx="gallery"]、[data-vx="viewer"]	照片墙和大图查看器
[data-vx="atlas"]、[data-vx="map-pin"]	地图和照片标记
[data-vx="button"]、[data-vx="input"]	按钮和输入框

会被移除的内容

保存时 Vesper 会清理 CSS：去掉 @import、@charset 和 @namespace，去掉 behavior、-moz-binding 和 expression()，以及指向你自己站点（/…）或内联 data:image/… 以外地址的 url()。所以其他网站的字体和图片不会加载。

含有被移除内容的规则会整条丢弃，其余规则保留。超过 64 KB 的 CSS 无法保存。