hexo-theme-stellar/source/css/_defines/theme.styl

:root
  --site-bg: $c-site-bg-light
  --block: $c-block-light
  --block-border: mix($c-block-light, $c-text-light, 95)
  --block-hover: mix($c-block-light, $c-text-light, 98)
  --text-p0: $c-title-light
  --text-p1: $c-text-light
  --text-p2: mix($c-text-light, $c-site-bg-light, 80)
  --text-p3: mix($c-text-light, $c-site-bg-light, 60)
  --text-meta: mix($c-text-light, $c-site-bg-light, 20)
  --card: $c-card-light
  --theme-highlight: darken($color-theme, 5)
  --theme-bg: mix($color-theme, $c-card-light, 10)

// 页面的dark主题
body[theme='dark']
  --site-bg: $c-site-bg-dark
  --block: $c-block-dark
  --block-border: mix($c-block-dark, $c-text-dark, 90)
  --block-hover: mix($c-block-dark, $c-text-dark, 95)
  --text-p0: $c-title-dark
  --text-p1: $c-text-dark
  --text-p2: mix($c-text-dark, $c-site-bg-dark, 70)
  --text-p3: mix($c-text-dark, $c-site-bg-dark, 45)
  --text-meta: mix($c-text-dark, $c-site-bg-dark, 30)
  --card: $c-card-dark
  --theme-highlight: $color-theme
  --theme-bg: mix($color-theme, $c-card-dark, 10)

// 系统的dark模式
@media (prefers-color-scheme: dark)
  :root
    --site-bg: $c-site-bg-dark
    --block: $c-block-dark
    --block-border: mix($c-block-dark, $c-text-dark, 90)
    --block-hover: mix($c-block-dark, $c-text-dark, 95)
    --text-p0: $c-title-dark
    --text-p1: $c-text-dark
    --text-p2: mix($c-text-dark, $c-site-bg-dark, 70)
    --text-p3: mix($c-text-dark, $c-site-bg-dark, 45)
    --text-meta: mix($c-text-dark, $c-site-bg-dark, 30)
    --card: $c-card-dark
    --theme-highlight: $color-theme
    --theme-bg: mix($color-theme, $c-card-dark, 10)