CSS 变量

主题使用到的 CSS 变量可以在 assets/scss/variables.scss 这个文件下看到。

这些变量分成以下几类：

全局样式

• --main-top-padding： 顶部 Padding
• --body-background： 页面背景颜色
• --body-text-color
• --accent-color
• --accent-color-darker
• --accent-color-text
• --tag-border-radius： 标签圆角大小
• --section-separation： 卡片距离

全局字体样式

• --sys-font-family
• --zh-font-family
• --base-font-family
• --code-font-family

卡片样式

• --card-background
• --card-background-selected
• --card-text-color-main
• --card-text-color-secondary
• --card-text-color-tertiary
• --card-separator-color
• --card-border-radius
• --content-padding： 卡片 Padding
• --small-card-padding： 小卡片 Padding

文章字体样式

• --article-font-family
• --article-font-size
• --article-line-height

文章内容样式

Blockquote 样式

• --blockquote-border-size
• --blockquote-background-color

标题样式

• --heading-border-size

链接样式

• --link-background-color
• --link-background-opacity
• --link-background-opacity-hover

代码块样式

• --pre-background-color
• --pre-text-color
• --code-background-color
• --code-text-color

表格样式

• --table-border-color
• --tr-even-background-color