css

layout/_partial/main/post_list/wiki_card.ejs

@@ -13,9 +13,7 @@ function layoutDiv() {
   el += '<div class="excerpt">';
   if (proj.tags && proj.tags.length > 0) {
     let tag = proj.tags[0];
-    el += '<div>';
+    el += '<div class="cap breadcrumb"' + category_color(tag) + '>' + tag + '</div>';
-    el += '<span class="cap breadcrumb"' + category_color(tag) + '>' + tag + '</span>';
-    el += '</div>';
   }
   el += '<h2 class="post-title">' + (proj.wiki || proj.title || proj.seo_title) + '</h2>';
   if (proj.description) {

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

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
 

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)

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)
+  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)
-  .preview img
+
-    transform: scale(1.1)
-  .excerpt .readmore
-    color: $color-link
 
 // 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

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

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
+      content: ''
-      border-radius: 2px
   a+a
     margin-left: 4px