pjax

source/css/_layout/404.styl

@@ -17,7 +17,7 @@ if hexo-config('error_404.enable')
       margin: 0 1rem
       height: 18rem
       border-radius: 8px
-      background: #fff
+      background: var(--card-bg)
       box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
 
       @media screen and (max-width: 768px)
@@ -30,7 +30,7 @@ if hexo-config('error_404.enable')
         height: 100%
         border-top-left-radius: 8px
         border-bottom-left-radius: 8px
-        background-color: #49b1f5
+        background-color: $theme-color
         background-position: center
         background-size: cover
 
@@ -53,7 +53,6 @@ if hexo-config('error_404.enable')
 
         .error_title
           margin-top: -4rem
-          color: $font-color
           font-size: 9em
 
           @media screen and (max-width: 768px)
@@ -62,19 +61,16 @@ if hexo-config('error_404.enable')
         .error_subtitle
           @extend .limit-more-line
           margin-top: -3.5rem
-          color: $font-color
           word-break: break-word
           font-size: 1.6em
           -webkit-line-clamp: 2
 
         a
-          position: relative
-          z-index: 1
           display: inline-block
           margin-top: .5rem
           padding: .3rem 1.5rem
-          background: $theme-color
-          color: white
+          background: var(--btn-bg)
+          color: var(--btn-color)
 
           i
             padding-right: .3rem