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