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