hexo-theme-solitude 1.5.1 → 1.5.3

package/source/css/_widgets/_aside/info.styl

@@ -10,7 +10,7 @@
 
     &.card-info
       padding 0 !important
-      box-shadow var(--sco-shadow-black)
+      box-shadow var(--efu-shadow-black)
 
       > div.card-content
         padding 1rem 1.2rem
@@ -19,7 +19,7 @@
 
   > .card-widget.card-info
     &:before
-      background linear-gradient(-25deg, var(--sco-main), var(--sco-main-op-deep), var(--sco-main), var(--sco-main-op-deep))
+      background linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep), var(--efu-main), var(--efu-main-op-deep))
       background-size 400%
       position absolute
       width 100%
@@ -36,11 +36,11 @@
 
     > div.card-info-avatarimg
       overflow hidden
-      background var(--sco-yellow)
+      background var(--efu-yellow)
       transition 1.5s
       min-height 160px
       position relative
-      box-shadow var(--sco-shadow-yellow)
+      box-shadow var(--efu-shadow-yellow)
 
       &:hover img
         transform scale(1.03)
@@ -59,7 +59,7 @@
       justify-content center
       transition .3s .2s
       transform scale(1)
-      background var(--sco-card-bg)
+      background var(--efu-card-bg)
       border-radius 50%
 
       img
@@ -72,15 +72,15 @@
 
     .author-info__desc
       font-size 12px
-      color var(--sco-card-bg)
+      color var(--efu-card-bg)
       opacity .6
       line-height 1
 
     #author-info__sayhi
       text-align center
       width fit-content
-      color var(--sco-white)
-      background var(--sco-white-op)
+      color var(--efu-white)
+      background var(--efu-white-op)
       font-size 12px
       padding 2px 8px
       border-radius 12px
@@ -92,14 +92,14 @@
 
       / [data-theme=dark] &
         background #00000015
-        color var(--sco-black)
+        color var(--efu-black)
 
         &:hover
-          color var(--sco-white)
+          color var(--efu-white)
 
       &:hover
-        background var(--sco-card-bg)
-        color var(--sco-main)
+        background var(--efu-card-bg)
+        color var(--efu-main)
         transform scale(1.1)
 
     .card-info-avatar.is-center
@@ -116,7 +116,7 @@
       position absolute
       transition cubic-bezier(.69, .39, 0, 1.21) .3s
       transform-origin bottom
-      border 5px solid var(--sco-card-bg)
+      border 5px solid var(--efu-card-bg)
 
       ../ :hover .avatar-img-group
         opacity 0
@@ -125,7 +125,7 @@
     .author-info__name
       text-align left
       font-weight 700
-      color var(--sco-card-bg)
+      color var(--efu-card-bg)
       font-size 20px
       line-height 1
       margin-bottom 5px
@@ -151,10 +151,10 @@
         line-height 1.38
         margin .3rem 0
         text-align justify
-        color var(--sco-card-bg)
+        color var(--efu-card-bg)
 
         b
-          color var(--sco-card-bg)
+          color var(--efu-card-bg)
 
       .author-info__description2
         line-height 1.38
@@ -162,10 +162,10 @@
         text-align justify
         width 100%
         z-index 2
-        color var(--sco-card-bg)
+        color var(--efu-card-bg)
 
         b
-          color var(--sco-card-bg)
+          color var(--efu-card-bg)
 
     .author-info__bottom-group
       display flex
@@ -195,7 +195,7 @@
 
         a
           .headline
-            color var(--sco-fontcolor)
+            color var(--efu-fontcolor)
             font-size 1em
 
           .length-num
@@ -218,7 +218,7 @@
       .social-icon
         margin 0
         margin-left 8px
-        color var(--sco-fontcolor)
+        color var(--efu-fontcolor)
         font-size 1.4em
         cursor pointer
         display flex
@@ -228,8 +228,8 @@
         padding 8px
         border-radius 32px
         cursor pointer
-        background var(--sco-white-op)
-        color var(--sco-card-bg)
+        background var(--efu-white-op)
+        color var(--efu-card-bg)
         width 40px
         height 40px
         display flex
@@ -237,17 +237,17 @@
         justify-content center
 
         &:hover
-          background var(--sco-white)
+          background var(--efu-white)
           transform scale(1.1)
-          color var(--sco-main)
+          color var(--efu-main)
           box-shadow none
 
         / [data-theme=dark] &
-          background var(--sco-black-op)
+          background var(--efu-black-op)
 
           &:hover
-            background-color var(--sco-black)
-            color var(--sco-white)
+            background-color var(--efu-black)
+            color var(--efu-white)
 
     img.avatar-img
       width 118px

package/source/css/_widgets/_aside/newPost.styl

@@ -11,13 +11,13 @@
         align-items flex-start
 
         &:hover
-          background var(--sco-main)
-          color var(--sco-white)
+          background var(--efu-main)
+          color var(--efu-white)
           transition .3s
-          box-shadow var(--sco-shadow-main)
+          box-shadow var(--efu-shadow-main)
 
           .content a
-            color var(--sco-white)
+            color var(--efu-white)
 
         .thumbnail
           -webkit-mask-image -webkit-radial-gradient(center, #fff, #000)
@@ -48,7 +48,7 @@
             font-weight 700
             padding 2px 0
             margin-bottom 8px
-            color var(--sco-fontcolor)
+            color var(--efu-fontcolor)
             font-size 95%
             line-height 1.3
             -webkit-line-clamp 2

package/source/css/_widgets/_aside/toc.styl

@@ -3,7 +3,7 @@
     padding .5rem .5rem
 
     &:hover
-      box-shadow var(--sco-shadow-border)
+      box-shadow var(--efu-shadow-border)
 
     +minWidth900()
       right 0 !important
@@ -77,7 +77,7 @@
         padding 8px
         border-left 0 solid transparent
         border-radius 12px
-        color var(--sco-secondtext)
+        color var(--efu-secondtext)
         cursor default
         min-height 40px
         display flex
@@ -86,9 +86,9 @@
 
         &.active
           border-radius 12px
-          border-left-color var(--sco-hovertext)
-          background-color var(--sco-card-bg)
-          color var(--sco-lighttext)
+          border-left-color var(--efu-hovertext)
+          background-color var(--efu-card-bg)
+          color var(--efu-lighttext)
           font-weight 700
           font-size 20px
 
@@ -100,9 +100,9 @@
           transition .3s
 
           &:hover
-            color var(--sco-lighttext)
+            color var(--efu-lighttext)
 
 [data-theme=dark]
   .toc
     .toc-item.active .toc-link .toc-text
-      color: var(--sco-white)
+      color: var(--efu-white)

package/source/css/_widgets/_comment/index.styl

@@ -55,7 +55,7 @@
       display none
 
 .post-comment
-  background var(--sco-card-bg)
+  background var(--efu-card-bg)
 
 div#post-comment
   margin-top 2rem
@@ -70,13 +70,13 @@ div#post-comment
 
     > div.comment-privacy
       a:hover
-        color var(--sco-main)
+        color var(--efu-main)
 
   .comment-tips
     background-color rgba(103, 194, 58, 0.13)
     border var(--style-border-always)
-    border-color var(--sco-green)
-    color var(--sco-green)
+    border-color var(--efu-green)
+    color var(--efu-green)
     border-radius 8px
     padding 8px 12px
     margin-top 0.5rem
@@ -88,12 +88,12 @@ div#post-comment
       font-weight 700
 
   blockquote
-    background var(--sco-secondbg)
+    background var(--efu-secondbg)
     border var(--style-border)
     box-shadow none
     margin 0 0 .5rem
     font-size .6rem
-    color var(--sco-secondtext)
+    color var(--efu-secondtext)
     border-radius 8px
 
   .comment-head
@@ -110,4 +110,4 @@ div#post-comment
 
   &:hover
     a
-      color var(--sco-theme)
+      color var(--efu-theme)

package/source/css/_widgets/_comment/twikoo.styl

@@ -19,34 +19,34 @@
   align-items center
 
 .twikoo-info
-  color var(--sco-secondtext)
+  color var(--efu-secondtext)
 
 .tk-action
   .tk-action-link:first-child
     display none
 
 .tk-action-link
-  color var(--sco-lighttext) !important
+  color var(--efu-lighttext) !important
   cursor pointer
   user-select none
   padding 0 12px 0 12px
   transition all .3s
   border-radius 8px
-  background-color var(--sco-secondbg)
+  background-color var(--efu-secondbg)
   border var(--style-border-always)
 
   &:hover
-    background-color var(--sco-lighttext)
-    color var(--sco-card-bg) !important
+    background-color var(--efu-lighttext)
+    color var(--efu-card-bg) !important
 
     .tk-action-icon svg
-      fill var(--sco-card-bg) !important
+      fill var(--efu-card-bg) !important
 
 
 .tk-action-icon
   svg
     transition all .3s
-    fill var(--sco-lighttext) !important
+    fill var(--efu-lighttext) !important
 
 .tk-content
   img
@@ -55,7 +55,7 @@
 .tk-avatar
   width 32px !important
   height 32px !important
-  box-shadow var(--sco-shadow-border)
+  box-shadow var(--efu-shadow-border)
   margin-right 16px !important
 
   &.tk-has-avatar
@@ -78,7 +78,7 @@
 #page
   .tk-meta-input
     .el-input
-      box-shadow var(--sco-shadow-border)
+      box-shadow var(--efu-shadow-border)
 
 .el-loading-mask
   background-color none !important
@@ -118,10 +118,10 @@
 
 .tk-comments
   .el-button--primary
-    border-color var(--sco-fontcolor) !important
-    color var(--sco-card-bg) !important
+    border-color var(--efu-fontcolor) !important
+    color var(--efu-card-bg) !important
     border-radius 12px !important
-    box-shadow var(--sco-shadow-black)
+    box-shadow var(--efu-shadow-black)
     transition .3s
     width 5rem
     position absolute
@@ -189,12 +189,12 @@
       pointer-events none
 
 .tk-extra
-  background var(--sco-card-bg)
+  background var(--efu-card-bg)
   border var(--style-border-always)
   padding 1px 5px 1px 2px
   border-radius 8px
   margin-right 4px !important
-  color var(--sco-secondtext) !important
+  color var(--efu-secondtext) !important
   display inline !important
   margin-top 6px !important
   font-size .5rem
@@ -204,19 +204,19 @@
     display none
 
 .tk-expand
-  background var(--sco-card-bg) !important
-  color var(--sco-fontcolor) !important
+  background var(--efu-card-bg) !important
+  color var(--efu-fontcolor) !important
   border var(--style-border-always)
-  box-shadow var(--sco-shadow-border)
+  box-shadow var(--efu-shadow-border)
   border-radius 12px
   user-select none
 
   &:hover
-    background var(--sco-theme) !important
-    color var(--sco-white) !important
+    background var(--efu-theme) !important
+    color var(--efu-white) !important
 
 .tk-time
-  color var(--sco-secondtext) !important
+  color var(--efu-secondtext) !important
   font-size .6rem
   margin-left .5rem
 
@@ -224,7 +224,7 @@
   > .tk-comment
     margin-top 0!important
     margin-bottom 0.5rem!important
-    background var(--sco-card-bg)
+    background var(--efu-card-bg)
     transition .3s
     border-radius 12px
     padding 0
@@ -238,14 +238,14 @@
       padding 1rem 1rem 1.5rem
       border var(--style-border)
       border-top var(--style-border)
-      box-shadow var(--sco-shadow-border)
+      box-shadow var(--efu-shadow-border)
 
 @media screen and (max-width: 768px)
   .tk-comments-container
     > .tk-comment
       padding 1rem
       border var(--style-border-always)
-      box-shadow var(--sco-shadow-border)
+      box-shadow var(--efu-shadow-border)
 
   .tk-icon.__comments
     left .5rem
@@ -262,7 +262,7 @@
 
 .tk-replies
   > .tk-comment
-    background var(--sco-card-bg)
+    background var(--efu-card-bg)
     border-top var(--style-border-dashed)
     border-radius 12px
     transition .3s
@@ -273,11 +273,27 @@
   p
     margin 0 !important
 
+  pre
+  code
+  kbd
+  samp
+    font-family ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
+
+  pre
+    background var(--efu-secondbg)
+    padding .5rem
+    margin 0.5rem 0
+    overflow auto
+    border-radius 0.5em
+
+    +maxWidth768()
+      max-width 90%
+
 .tk-replies
   .tk-content
     span:first-child
       font-size .5rem
-      color var(--sco-secondtext)
+      color var(--efu-secondtext)
 
 .tk-meta-input
   .el-input
@@ -320,7 +336,7 @@ img.tk-avatar-img
 
 .el-input.el-input--small.el-input-group.el-input-group--prepend
   border-radius 12px
-  background var(--sco-secondbg)
+  background var(--efu-secondbg)
   border var(--style-border-always)
 
 .el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(1):before
@@ -363,15 +379,15 @@ img.tk-avatar-img
   transform translate(-50%, -46px)
 
 .el-input-group__append, .el-input-group__prepend
-  background-color var(--sco-card-bg) !important
-  color var(--sco-fontcolor) !important
+  background-color var(--efu-card-bg) !important
+  color var(--efu-fontcolor) !important
   border 0 !important
   font-weight 700
 
 .el-input__inner
-  background var(--sco-secondbg) !important
+  background var(--efu-secondbg) !important
   border 0 !important
-  color var(--sco-fontcolor) !important
+  color var(--efu-fontcolor) !important
   padding-left 8px
   height 32px
   line-height 32px
@@ -379,14 +395,14 @@ img.tk-avatar-img
 
 .page
   .el-input__inner
-    background var(--sco-card-bg) !important
+    background var(--efu-card-bg) !important
 
 .el-input__inner:focus
   border none
 
 .el-textarea__inner
-  background var(--sco-secondbg) !important
-  color var(--sco-fontcolor) !important
+  background var(--efu-secondbg) !important
+  color var(--efu-fontcolor) !important
   border-radius 12px !important
   min-height 100px !important
   padding 16px 16px 40px 16px !important
@@ -395,34 +411,34 @@ img.tk-avatar-img
 
 @media screen and (max-width: 768px)
   .el-textarea__inner
-    background var(--sco-card-bg) !important
+    background var(--efu-card-bg) !important
 
 #page
   .el-textarea__inner
-    background var(--sco-card-bg) !important
-    box-shadow var(--sco-shadow-border)
+    background var(--efu-card-bg) !important
+    box-shadow var(--efu-shadow-border)
 
 .el-textarea__inner:focus
   border var(--style-border-hover-always) !important
-  box-shadow var(--sco-shadow-main)
+  box-shadow var(--efu-shadow-main)
 
 .el-button
-  background-color var(--sco-fontcolor) !important
-  border 0 solid var(--sco-main) !important
-  color var(--sco-background) !important
+  background-color var(--efu-fontcolor) !important
+  border 0 solid var(--efu-main) !important
+  color var(--efu-background) !important
   border-radius 8px !important
 
 .el-button:hover
-  background var(--sco-black) !important
-  color var(--sco-white) !important
+  background var(--efu-black) !important
+  color var(--efu-white) !important
 
 .el-button.tk-preview
   display none !important
 
 button.el-button.tk-cancel.el-button--default.el-button--small
-  background var(--sco-secondbg) !important
+  background var(--efu-secondbg) !important
   border-radius 8px !important
-  color var(--sco-fontcolor) !important
+  color var(--efu-fontcolor) !important
 
 @media screen and (max-width: 768px)
   .OwO .OwO-body
@@ -433,7 +449,7 @@ button.el-button.tk-cancel.el-button--default.el-button--small
     border var(--style-border-always) !important
     border-radius 8px !important
     overflow hidden
-    background-color var(--sco-maskbg) !important
+    background-color var(--efu-maskbg) !important
     backdrop-filter saturate(180%) blur(10px)
     -webkit-backdrop-filter blur(10px)
     transform translateZ(0)
@@ -443,7 +459,7 @@ button.el-button.tk-cancel.el-button--default.el-button--small
 
     .OwO-items
       .OwO-item:hover
-        box-shadow var(--sco-shadow-lightblack) !important
+        box-shadow var(--efu-shadow-lightblack) !important
         border-radius 8px
 
 #twikoo > div.tk-comments > div.tk-submit > div.tk-row.actions > div > div.tk-action-icon.OwO.OwO-open > div.OwO-body > div > ul > li > span
@@ -467,7 +483,7 @@ button.el-button.tk-cancel.el-button--default.el-button--small
           transition .3s
 
 .OwO-packages
-  background var(--sco-background)
+  background var(--efu-background)
   padding-left 8px !important
 
 .OwO
@@ -475,7 +491,7 @@ button.el-button.tk-cancel.el-button--default.el-button--small
     .OwO-bar
       .OwO-packages
         .OwO-package-active
-          background var(--sco-secondbg) !important
+          background var(--efu-secondbg) !important
 
     .OwO-items-show
       margin 12px 8px !important
@@ -491,7 +507,7 @@ button.el-button.tk-cancel.el-button--default.el-button--small
 #owo-big
   position fixed
   align-items center
-  background-color var(--sco-card-bg)
+  background-color var(--efu-card-bg)
   border var(--style-border-always)
   border-radius 10px
   z-index 9999
@@ -513,5 +529,5 @@ button.el-button.tk-cancel.el-button--default.el-button--small
     border-left-width 0 !important
 
 .el-textarea .el-input__count
-  color var(--sco-secondtext) !important
+  color var(--efu-secondtext) !important
   user-select none