diff --git a/layout/_partial/main/post_list/wiki_card.ejs b/layout/_partial/main/post_list/wiki_card.ejs
index 09de894..96303af 100644
--- a/layout/_partial/main/post_list/wiki_card.ejs
+++ b/layout/_partial/main/post_list/wiki_card.ejs
@@ -13,9 +13,7 @@ function layoutDiv() {
el += '
';
if (proj.tags && proj.tags.length > 0) {
let tag = proj.tags[0];
- el += '
';
- el += '' + tag + '';
- el += '
';
+ el += '
' + tag + '
';
}
el += '
' + (proj.wiki || proj.title || proj.seo_title) + '
';
if (proj.description) {
diff --git a/source/css/_common/html.styl b/source/css/_common/html.styl
index abe5eb1..62822f6 100644
--- a/source/css/_common/html.styl
+++ b/source/css/_common/html.styl
@@ -3,6 +3,8 @@
html
font-family: $ff-body
font-size: $fs-root
+ -webkit-text-size-adjust: 100%
+ -ms-text-size-adjust: 100%
body
background: var(--site-bg)
margin: 0
diff --git a/source/css/_custom.styl b/source/css/_custom.styl
index a47260e..df2a5b1 100644
--- a/source/css/_custom.styl
+++ b/source/css/_custom.styl
@@ -21,7 +21,7 @@ $light-card = white
$dark-site-bg = convert(hexo-config('style.theme.dark'))
$dark-block = #2E353D
$dark-title = #fff
-$dark-text = #ddd
+$dark-text = #eee
$dark-code = #ff7043
$dark-card = #40454B
diff --git a/source/css/_defines/theme.styl b/source/css/_defines/theme.styl
index cb55d51..99fd028 100644
--- a/source/css/_defines/theme.styl
+++ b/source/css/_defines/theme.styl
@@ -23,7 +23,7 @@ if hexo-config('style.darkmode') == 'auto'
--block-border: lighten($dark-block, 10)
--block-hover: darken($dark-block, 1)
--text-p0: $dark-title
- --text-p1: $dark-text
+ --text-p1: mix($dark-text, $dark-site-bg, 80)
--text-p2: mix($dark-text, $dark-site-bg, 70)
--text-p3: mix($dark-text, $dark-site-bg, 45)
--text-p4: mix($dark-text, $dark-site-bg, 35)
diff --git a/source/css/_layout/list.styl b/source/css/_layout/list.styl
index 0f6e0ab..cdddcb2 100644
--- a/source/css/_layout/list.styl
+++ b/source/css/_layout/list.styl
@@ -6,7 +6,6 @@
.post-list .post-card
display: block
margin: 1rem 0
- color: var(--text-p2)
border-radius: $border-card
box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.02)
trans1 box-shadow
@@ -25,11 +24,8 @@
object-fit: contain
height: 1.5em
.post-list .post-card:hover
- box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.04), 0 4px 16px 0px rgba(0, 0, 0, 0.04)
- .preview img
- transform: scale(1.1)
- .excerpt .readmore
- color: $color-link
+ box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.08), 0 2px 8px 0px rgba(0, 0, 0, 0.06), 0 4px 16px 0px rgba(0, 0, 0, 0.04)
+
// common article
.post-list article
@@ -72,11 +68,6 @@
@media screen and (max-width: $device-mobile-375)
height: 240px
-.post-list .post-card.post:hover
- .post-title
- color: $color-hover
- .post-cover img
- transform: scale(1.04)
// wiki
.post-list .post-card.wiki article
diff --git a/source/css/_layout/md.styl b/source/css/_layout/md.styl
index 53a65fa..b031dfd 100644
--- a/source/css/_layout/md.styl
+++ b/source/css/_layout/md.styl
@@ -31,7 +31,8 @@ article.md.content
opacity: 1
.md
- ul,ol
+ ul:not(:last-child),
+ ol:not(:last-child)
padding-bottom: .5rem
margin: 0
blockquote,ul,ol
@@ -89,8 +90,6 @@ article.md p
article.md code
-webkit-font-smoothing: auto
-moz-osx-font-smoothing: auto
- -webkit-text-size-adjust: 100%
- -ms-text-size-adjust: 100%
color: var(--text-code)
font-family: $ff-code
word-break: break-all
@@ -101,8 +100,6 @@ article.md code
article.md pre
-webkit-font-smoothing: auto
-moz-osx-font-smoothing: auto
- -webkit-text-size-adjust: 100%
- -ms-text-size-adjust: 100%
// div
article.md>div
diff --git a/source/css/_layout/partial/navbar.styl b/source/css/_layout/partial/navbar.styl
index 77977ec..74e8428 100644
--- a/source/css/_layout/partial/navbar.styl
+++ b/source/css/_layout/partial/navbar.styl
@@ -35,12 +35,14 @@ nav.cap
position: relative
z-index: 1
&:after
- content: ''
width: 'calc(100% - 2 * %s)' % .5rem
height: 2px
position: absolute
bottom: -8px
left: .5rem
+ background: $color-theme
+ border-radius: 2px
+ pointer-events: none
&:hover
background: var(--block-hover)
&.active, &:hover
@@ -49,8 +51,7 @@ nav.cap
background: var(--card)
box-shadow: $boxshadow-button
&.active:after
- background: $color-theme
- border-radius: 2px
+ content: ''
a+a
margin-left: 4px