xaoxuu
/
hexo-theme-stellar
mirror of https://github.com/xaoxuu/hexo-theme-stellar
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix darkmode

This commit is contained in:
xaoxuu 2022-10-22 13:59:21 +08:00
parent 7a742d61fe
commit 885c0f4dce
6 changed files with 64 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
source/css/_common/blur.styl
View File

@ -5,6 +5,9 @@ if hexo-config('style.darkmode') == 'auto'
@media (prefers-color-scheme: dark)
:root
--blur-bg: alpha(black, .5)
if hexo-config('style.darkmode') == 'always'
:root
--blur-bg: alpha(black, .5)
.blur
background: var(--blur-bg)

2
source/css/_common/device.styl
View File

@ -24,6 +24,8 @@
if hexo-config('style.darkmode') == 'auto'
@media (prefers-color-scheme: dark)
--blur-bg: alpha(#555, .6)
if hexo-config('style.darkmode') == 'always'
--blur-bg: alpha(#555, .6)
.sidebar-toggle.mobile
cursor: pointer

2
source/css/_layout/sidebar/footer.styl
View File

@ -26,6 +26,8 @@
if hexo-config('style.darkmode') == 'auto'
@media (prefers-color-scheme: dark)
box-shadow: none
if hexo-config('style.darkmode') == 'always'
box-shadow: none
.proj-wrap
display: grid

11
source/css/_layout/tag-plugins/common.styl
View File

@ -47,8 +47,7 @@
--theme-bg: #444
color: var(--card) !important
if hexo-config('style.darkmode') == 'auto'
@media (prefers-color-scheme: dark)
set_darkmode_tags()
.tag-plugin[color='red']
--theme-border: mix($c-red, $dark-card, 80)
--theme-bg: mix($c-red, $dark-card, 10)
@ -77,7 +76,6 @@ if hexo-config('style.darkmode') == 'auto'
--theme-border: mix($c-purple, $dark-card, 80)
--theme-bg: mix($c-purple, $dark-card, 10)
.tag-plugin[color='light']
--theme-border: white
--theme-bg: #ddd
@ -87,3 +85,10 @@ if hexo-config('style.darkmode') == 'auto'
--theme-border: black
--theme-bg: #222
color: var(--text-p1) !important
if hexo-config('style.darkmode') == 'auto'
@media (prefers-color-scheme: dark)
set_darkmode_tags()
if hexo-config('style.darkmode') == 'always'
set_darkmode_tags()

10
source/css/_plugins/comments/twikoo.styl
View File

@ -106,10 +106,16 @@
.tk-comments-no
color: var(--text-p1);
if hexo-config('style.darkmode') == 'auto'
@media (prefers-color-scheme: dark)
set_darkmode_comments()
.cmt-body.twikoo
--twikoo-lighttext: #f2b94b;
--twikoo-secondtext: #a1a2b8;
--twikoo-emoji-background: darken($dark-block, 1);
--twikoo-theme: #409eff;
if hexo-config('style.darkmode') == 'auto'
@media (prefers-color-scheme: dark)
set_darkmode_comments()
if hexo-config('style.darkmode') == 'always'
set_darkmode_comments()

4
source/css/_plugins/comments/valine.styl
View File

@ -49,12 +49,16 @@
if hexo-config('style.darkmode') == 'auto'
@media (prefers-color-scheme: dark)
box-shadow: none
if hexo-config('style.darkmode') == 'always'
box-shadow: none
&:active
background: linear-gradient(145deg, #eee, #fff)
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1), -0px -0px 0px rgba(255, 255, 255, 0.8), inset 2px 2px 4px rgba(0, 0, 0, 0.1), inset -2px -2px 4px rgba(255, 255, 255, 1), inset -8px -8px 16px rgba(255, 255, 255, 0.4)
if hexo-config('style.darkmode') == 'auto'
@media (prefers-color-scheme: dark)
box-shadow: none
if hexo-config('style.darkmode') == 'always'
box-shadow: none
.vedit
.vctrl span
padding: 0