2021-02-19 23:33:19 +08:00
|
|
|
:root
|
|
|
|
--site-bg: $c-site-bg-light
|
|
|
|
--block: $c-block-light
|
|
|
|
--block-border: mix($c-block-light, $c-text-light, 95)
|
2021-03-08 17:54:23 +08:00
|
|
|
--block-hover: mix($c-block-light, $c-text-light, 98)
|
2021-02-19 23:33:19 +08:00
|
|
|
--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)
|
2021-03-31 22:49:14 +08:00
|
|
|
// 评论查看更多按钮样式
|
|
|
|
--valine-more-button-before: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(246, 246, 246, .9))
|
|
|
|
--valine-more-button-after: rgba(246, 246, 246, .9)
|
2021-02-19 23:33:19 +08:00
|
|
|
|
|
|
|
body[theme='dark']
|
|
|
|
--site-bg: $c-site-bg-dark
|
|
|
|
--block: $c-block-dark
|
|
|
|
--block-border: mix($c-block-dark, $c-text-dark, 90)
|
2021-03-08 17:54:23 +08:00
|
|
|
--block-hover: mix($c-block-dark, $c-text-dark, 95)
|
2021-02-19 23:33:19 +08:00
|
|
|
--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)
|
2021-03-31 22:49:14 +08:00
|
|
|
// 评论查看更多按钮样式
|
|
|
|
--valine-more-button-before: 0 0
|
|
|
|
--valine-more-button-after: #393c40
|