hexo-theme-solitude 1.5.0 → 1.5.2

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

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

@@ -17,12 +17,12 @@
     vertical-align bottom
     font-size 14px
     min-height 8.75em
-    background-color var(--sco-card-bg)
+    background-color var(--efu-card-bg)
     resize vertical
     line-height 1.5
     box-sizing border-box
-    background var(--sco-secondbg)
-    color var(--sco-fontcolor)
+    background var(--efu-secondbg)
+    color var(--efu-fontcolor)
     border-radius 12px
     padding 16px 16px 40px 16px
     border var(--style-border-always)
@@ -31,7 +31,7 @@
     &:focus
       outline none
       border var(--style-border-hover-always)
-      box-shadow var(--sco-shadow-main)
+      box-shadow var(--efu-shadow-main)
 
   .wl-footer
     position relative
@@ -50,7 +50,7 @@
     z-index 1000
     border var(--style-border-always)
     border-radius 8px !important
-    background-color var(--sco-maskbg)
+    background-color var(--efu-maskbg)
     backdrop-filter saturate(180%) blur(10px)
     transform translateZ(0)
     animation 0.3s ease 0.1s 1 normal both running donate_effcet
@@ -81,7 +81,7 @@
       margin 0
       padding 0
       font-size 0
-      background var(--sco-background)
+      background var(--efu-background)
       padding-left 8px
 
 
@@ -119,7 +119,7 @@
     position relative
 
     .wl-text-number
-      color var(--sco-secondtext)
+      color var(--efu-secondtext)
       -webkit-user-select none
       position absolute
       font-size 12px
@@ -153,7 +153,7 @@
     .wl-header-item
       width calc((100% - 1rem) / 3)
       border-radius 12px
-      background var(--sco-secondbg)
+      background var(--efu-secondbg)
       border var(--style-border-always)
       display inline-table
       line-height normal
@@ -172,9 +172,10 @@
         vertical-align middle
         display table-cell
         position relative
-        background var(--sco-card-bg)
+        background var(--efu-card-bg)
 
       input
+        width 100%
         vertical-align middle
         display table-cell
         height 32px
@@ -184,26 +185,26 @@
         padding-left 16px
         border-left-width 0
         font-size inherit
-        background var(--sco-secondbg)
+        background var(--efu-secondbg)
         border none
-        color var(--sco-fontcolor)
+        color var(--efu-fontcolor)
 
         &:focus
           outline none
           border none
 
   .wl-btn
-    border-color var(--sco-fontcolor)
+    border-color var(--efu-fontcolor)
     border-radius 12px
-    box-shadow var(--sco-shadow-black)
+    box-shadow var(--efu-shadow-black)
     transition .3s
     width 5rem
     position absolute
     margin-left 0.5rem
     height 34px
-    background-color var(--sco-fontcolor)
-    border 0 solid var(--sco-main)
-    color var(--sco-background)
+    background-color var(--efu-fontcolor)
+    border 0 solid var(--efu-main)
+    color var(--efu-background)
     top 10px
     right 0
     opacity .2
@@ -212,17 +213,17 @@
       height 122px
 
     &:hover
-      background var(--sco-main)
-      color var(--sco-white)
+      background var(--efu-main)
+      color var(--efu-white)
 
   .wl-power
     padding 0.5em 0
-    color var(--sco-gray)
+    color var(--efu-gray)
     font-size 0.8em
     text-align end
 
     a
-      color var(--sco-fontcolor)
+      color var(--efu-fontcolor)
 
   .wl-count
     display none
@@ -237,7 +238,7 @@
 
     li
       cursor pointer
-      background var(--sco-secondbg)
+      background var(--efu-secondbg)
       transition 0.3s
       border var(--style-border-always)
       border-radius 8px
@@ -247,17 +248,17 @@
       display flex
       justify-content center
       align-items center
-      color var(--sco-fontcolor)
+      color var(--efu-fontcolor)
 
       &:hover
-        background var(--sco-main)
-        color var(--sco-white)
+        background var(--efu-main)
+        color var(--efu-white)
         transition 0.3s
         border var(--style-border-hover-always)
 
       &.active
-        background var(--sco-lighttext)
-        color var(--sco-background)
+        background var(--efu-lighttext)
+        color var(--efu-background)
 
   .wl-card-item
     display flex
@@ -265,7 +266,7 @@
     word-break break-all
     margin-top 0
     margin-bottom 0.5rem
-    background var(--sco-card-bg)
+    background var(--efu-card-bg)
     transition .3s
     border-radius 12px
     border-top var(--style-border-dashed)
@@ -275,7 +276,7 @@
   .wl-user
     flex-shrink 0
     text-align center
-    box-shadow var(--sco-shadow-border)
+    box-shadow var(--efu-shadow-border)
     margin-right 16px
     width 32px
     height 32px
@@ -302,7 +303,7 @@
 
     .wl-nick
       font-weight 700
-      color var(--sco-lighttext)
+      color var(--efu-lighttext)
       text-decoration none
       font-size 1rem
       line-height 32px
@@ -318,7 +319,7 @@
       background-color #c0c23a21
 
     .wl-time
-      color var(--sco-secondtext)
+      color var(--efu-secondtext)
       font-size .6rem
       margin-left 0.5rem
 
@@ -330,20 +331,20 @@
     gap 0.5rem
 
     button
-      color var(--sco-lighttext)
+      color var(--efu-lighttext)
       -webkit-user-select none
       padding 0 12px 0 12px
       transition .3s
       border-radius 8px
-      background-color var(--sco-secondbg)
+      background-color var(--efu-secondbg)
       border var(--style-border-always)
       display flex
       justify-content center
       align-items center
 
       &:hover
-        background-color var(--sco-lighttext)
-        color var(--sco-card-bg)
+        background-color var(--efu-lighttext)
+        color var(--efu-card-bg)
 
       &.wl-like
         +maxWidth768()
@@ -359,12 +360,12 @@
     margin .5rem 0
 
     span
-      background var(--sco-secondbg)
+      background var(--efu-secondbg)
       border var(--style-border-always)
       padding 1px 5px 1px 2px
       border-radius 8px
       margin-right 4px
-      color var(--sco-secondtext)
+      color var(--efu-secondtext)
       display inline
       font-size .5rem
       line-height 1
@@ -390,7 +391,7 @@
       font-family ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 
     pre
-      background var(--sco-secondbg)
+      background var(--efu-secondbg)
       padding .5rem
       margin 0.5rem 0
       overflow auto
@@ -419,18 +420,18 @@
       padding 0.75em
       transition all 0.5s
       font-size 0.75em
-      background var(--sco-card-bg)
-      color var(--sco-fontcolor)
+      background var(--efu-card-bg)
+      color var(--efu-fontcolor)
       border var(--style-border-always)
-      box-shadow var(--sco-shadow-border)
+      box-shadow var(--efu-shadow-border)
       border-radius 12px
       opacity 1
       height auto
       line-height 2
 
       &:hover
-        background var(--sco-lighttext)
-        color var(--sco-card-bg)
+        background var(--efu-lighttext)
+        color var(--efu-card-bg)
 
   .wl-loading
     display flex
@@ -445,10 +446,10 @@
     display flex
     justify-content center
     align-items center
-    color var(--sco-lighttext)
+    color var(--efu-lighttext)
 
 #page .wl-cards > .wl-card-item
   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)