update
This commit is contained in:
parent
c61a4bf744
commit
191297bece
|
@ -28,7 +28,7 @@ function layoutDiv(fallback) {
|
|||
el += '<span class="name">';
|
||||
if (page.toc_title) {
|
||||
el += page.toc_title;
|
||||
} else if (toc == 'wiki') {
|
||||
} else if (t == 'wiki') {
|
||||
el += page.wiki || item.wiki;
|
||||
} else {
|
||||
el += __("meta.toc");
|
||||
|
|
|
@ -19,10 +19,10 @@ $light-card = white
|
|||
|
||||
// 深色
|
||||
$dark-site-bg = #20252B
|
||||
$dark-block = #40454B
|
||||
$dark-block = #2E353D
|
||||
$dark-title = #fff
|
||||
$dark-text = #eee
|
||||
$dark-card = #2E353D
|
||||
$dark-card = #40454B
|
||||
|
||||
// 移动端深色背景(OLED调成纯黑可以省电)
|
||||
$dark-site-bg-mobile = black
|
||||
|
|
|
@ -1,10 +1,10 @@
|
|||
|
||||
// 可替代 transition 使用
|
||||
transition($op = all, $time = 0.28s, $ease = ease-out)
|
||||
transition: $op $time $ease
|
||||
-moz-transition: $op $time $ease
|
||||
-webkit-transition: $op $time $ease
|
||||
-o-transition: $op $time $ease
|
||||
// // 可替代 transition 使用
|
||||
// transition($op = all, $time = 0.28s, $ease = ease-out)
|
||||
// transition: $op $time $ease
|
||||
// -moz-transition: $op $time $ease
|
||||
// -webkit-transition: $op $time $ease
|
||||
// -o-transition: $op $time $ease
|
||||
|
||||
// 为1个属性设置动画
|
||||
trans1($op, $time = 0.2s)
|
||||
|
@ -97,9 +97,5 @@ inside-box($fs = $fs-15)
|
|||
p,ol,ul
|
||||
margin-top: 0.5rem
|
||||
margin-bottom: 0.5rem
|
||||
&:first-child
|
||||
margin-top: 0
|
||||
&:last-child
|
||||
margin-bottom: 0
|
||||
p,li
|
||||
font-size: $fs
|
||||
|
|
|
@ -31,49 +31,51 @@
|
|||
--theme-bg: mix($c-purple, $light-card, 10)
|
||||
|
||||
|
||||
.tag-plugin[color='white']
|
||||
.tag-plugin[color='light']
|
||||
--theme-bg: white
|
||||
|
||||
|
||||
.tag-plugin[color='dark']
|
||||
--theme-bg: mix(black, $light-card, 75)
|
||||
--theme-bg: #444
|
||||
color: var(--card) !important
|
||||
|
||||
if hexo-config('style.darkmode') == 'auto'
|
||||
@media (prefers-color-scheme: dark)
|
||||
.tag-plugin[color='red']
|
||||
--theme: mix($c-red, $dark-card, 40)
|
||||
--theme: mix($c-red, $dark-card, 80)
|
||||
--theme-bg: mix($c-red, $dark-card, 10)
|
||||
|
||||
.tag-plugin[color='orange']
|
||||
--theme: mix($c-orange, $dark-card, 40)
|
||||
--theme: mix($c-orange, $dark-card, 80)
|
||||
--theme-bg: mix($c-orange, $dark-card, 10)
|
||||
|
||||
.tag-plugin[color='yellow']
|
||||
--theme: mix($c-yellow, $dark-card, 40)
|
||||
--theme: mix($c-yellow, $dark-card, 80)
|
||||
--theme-bg: mix($c-yellow, $dark-card, 10)
|
||||
|
||||
.tag-plugin[color='green']
|
||||
--theme: mix($c-green, $dark-card, 40)
|
||||
--theme: mix($c-green, $dark-card, 80)
|
||||
--theme-bg: mix($c-green, $dark-card, 10)
|
||||
|
||||
.tag-plugin[color='cyan']
|
||||
--theme: mix($c-cyan, $dark-card, 40)
|
||||
--theme: mix($c-cyan, $dark-card, 80)
|
||||
--theme-bg: mix($c-cyan, $dark-card, 10)
|
||||
|
||||
.tag-plugin[color='blue']
|
||||
--theme: mix($c-blue, $dark-card, 40)
|
||||
--theme: mix($c-blue, $dark-card, 80)
|
||||
--theme-bg: mix($c-blue, $dark-card, 10)
|
||||
|
||||
.tag-plugin[color='purple']
|
||||
--theme: mix($c-purple, $dark-card, 40)
|
||||
--theme: mix($c-purple, $dark-card, 80)
|
||||
--theme-bg: mix($c-purple, $dark-card, 10)
|
||||
|
||||
|
||||
.tag-plugin[color='white']
|
||||
--theme-bg: white
|
||||
color: var(--card)
|
||||
.tag-plugin[color='light']
|
||||
--theme: white
|
||||
--theme-bg: #ddd
|
||||
color: var(--site-bg) !important
|
||||
|
||||
.tag-plugin[color='dark']
|
||||
--theme-bg: mix(black, $dark-card, 75)
|
||||
color: var(--text-p0) !important
|
||||
--theme: black
|
||||
--theme-bg: #222
|
||||
color: var(--text-p1) !important
|
||||
|
|
|
@ -8,5 +8,5 @@
|
|||
margin: 1px
|
||||
padding: 0.5em 0.75rem
|
||||
&:hover
|
||||
background: #fff
|
||||
background: var(--card)
|
||||
color: var(--text-p1)
|
||||
|
|
Loading…
Reference in New Issue