hexo-theme-solitude 1.4.7 → 1.5.1

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

@@ -1,91 +1,454 @@
+// 用了记得给我的主题点个star喔😍
 #comment
-  .wl-sort li
-    color var(--sco-gray)
+  .wl-comment
+    position relative
 
-    &.active
-      color var(--sco-main) !important
+  .wl-panel
+    flex 1
+    display flex
+    flex-direction column
 
-  .wl-comment
-    .wl-panel
-      margin 0 !important
-
-    .wl-avatar
-      margin-right 1rem
-
-      a
-        img
-          flex-shrink 0
-          overflow hidden
-          text-align center
-          border-radius 65px
-
-    .wl-footer
-      .wl-info
-        button
-          background-color var(--sco-card-bg)
-          border var(--style-border-always)
-          color var(--sco-fontcolor)
-
-        button:hover
-          background-color var(--sco-main)
-          border-color var(--sco-main)
-          color var(--sco-card-bg)
-
-    #wl-edit
-      font-size 13px
-      line-height 1.5
-      margin .75rem .25rem
+  .wl-editor
+    order 0
+    transition all .3s ease 0s
+    position relative
+    display inline-block
+    width 100%
+    vertical-align bottom
+    font-size 14px
+    min-height 8.75em
+    background-color var(--sco-card-bg)
+    resize vertical
+    line-height 1.5
+    box-sizing border-box
+    background var(--sco-secondbg)
+    color var(--sco-fontcolor)
+    border-radius 12px
+    padding 16px 16px 40px 16px
+    border var(--style-border-always)
+    box-shadow none
 
-    .wl-action
+    &:focus
+      outline none
+      border var(--style-border-hover-always)
+      box-shadow var(--sco-shadow-main)
+
+  .wl-footer
+    position relative
+    margin 0
+    justify-content space-around
+
+  .wl-emoji-popup
+    display none
+    position absolute
+    left 0
+    right 0
+    overflow hidden
+    max-width 500px
+    color #4a4a4a
+    top .5rem
+    z-index 1000
+    border var(--style-border-always)
+    border-radius 8px !important
+    background-color var(--sco-maskbg)
+    backdrop-filter saturate(180%) blur(10px)
+    transform translateZ(0)
+    animation 0.3s ease 0.1s 1 normal both running donate_effcet
+
+    button
+      font-size 20px
+      line-height 19px
+      list-style-type none
+      padding 5px 10px
+      border-radius 5px
+      display inline-block
       transition .3s
+      text-align center
+
+    &.display
+      display block
+
+    .wl-tab-wrapper
+      max-height 197px
+      padding 10px
+      padding-right 0
+      overflow auto
+      font-size 0
+      margin 12px 8px
+      min-height 197px
+
+    .wl-tabs
+      margin 0
+      padding 0
+      font-size 0
+      background var(--sco-background)
+      padding-left 8px
+
+
+  .wl-actions
+    flex 1
+    display flex
+    align-items center
+    position absolute
+    top -34px
+    left 17px
+    transition all .3s ease 0s
+
+    .wl-action
+      display none
+      cursor pointer
 
       &:hover
-        color var(--sco-main)
+        svg
+          opacity .8
+
+      &:nth-child(2)
+        display flex
+        margin-right 10px
+
+      &:nth-child(4)
+        display flex
+
+    .upload
+      display none
+
+  .wl-gif-popup
+    display none
+
+  .wl-info
+    position relative
+
+    .wl-text-number
+      color var(--sco-secondtext)
+      -webkit-user-select none
+      position absolute
+      font-size 12px
+      bottom 5px
+      right 10px
+
+  .wl-close
+    display none
+
+  .wl-quote
+    .wl-card-item
+      padding 1rem 0 0
+
+  .wl-reply-wrapper
+    order 2
+    width 100%
+
+  .wl-header
+    order 1
+    width calc(100% - 5.5rem)
+    display flex
+    align-items center
+    justify-content space-between
+    flex-direction row
+    margin .5rem 0
+    gap .5rem
+
+    +maxWidth899()
+      flex-direction column
+
+    .wl-header-item
+      width calc((100% - 1rem) / 3)
+      border-radius 12px
+      background var(--sco-secondbg)
+      border var(--style-border-always)
+      display inline-table
+      line-height normal
+      font-size 13px
+      border-collapse separate
+      border-spacing 0
+
+      +maxWidth899()
+        width 100%
+
+      label
+        -webkit-user-select none
+        border-radius 10px 0 0 10px
+        background-clip padding-box
+        padding 0 1rem
+        vertical-align middle
+        display table-cell
+        position relative
+        background var(--sco-card-bg)
+
+      input
+        vertical-align middle
+        display table-cell
+        height 32px
+        line-height 32px
+        border-radius 12px
+        padding 8px
+        padding-left 16px
+        border-left-width 0
+        font-size inherit
+        background var(--sco-secondbg)
+        border none
+        color var(--sco-fontcolor)
+
+        &:focus
+          outline none
+          border none
+
+  .wl-btn
+    border-color var(--sco-fontcolor)
+    border-radius 12px
+    box-shadow var(--sco-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)
+    top 10px
+    right 0
+    opacity .2
+
+    +maxWidth899()
+      height 122px
+
+    &:hover
+      background var(--sco-main)
+      color var(--sco-white)
+
+  .wl-power
+    padding 0.5em 0
+    color var(--sco-gray)
+    font-size 0.8em
+    text-align end
 
-  .wl-meta-head
-    .wl-count
-      color var(--sco-gray)
+    a
+      color var(--sco-fontcolor)
+
+  .wl-count
+    display none
+
+  .wl-sort
+    display flex
+    justify-content flex-start
+    align-items center
+    flex-direction row
+    gap 0.5rem
+    margin-bottom .5rem
+
+    li
+      cursor pointer
+      background var(--sco-secondbg)
+      transition 0.3s
+      border var(--style-border-always)
+      border-radius 8px
       font-size 14px
-      font-weight normal
+      line-height 1
+      padding 8px 16px
+      display flex
+      justify-content center
+      align-items center
+      color var(--sco-fontcolor)
 
-  .wl-cards
-    font-size 16px !important
+      &:hover
+        background var(--sco-main)
+        color var(--sco-white)
+        transition 0.3s
+        border var(--style-border-hover-always)
 
-    .wl-comment-actions
-      button
-        margin-right 15px
-        font-size 18px
+      &.active
+        background var(--sco-lighttext)
+        color var(--sco-background)
 
-        &:hover
-          color var(--sco-main)
+  .wl-card-item
+    display flex
+    flex-direction row
+    word-break break-all
+    margin-top 0
+    margin-bottom 0.5rem
+    background var(--sco-card-bg)
+    transition .3s
+    border-radius 12px
+    border-top var(--style-border-dashed)
+    padding 1rem 1rem 1.5rem
+    overflow hidden
 
-    .wl-head .wl-nick
-      font-size 20px !important
-      color var(--sco-lighttext)
-      font-weight bolder
+  .wl-user
+    flex-shrink 0
+    text-align center
+    box-shadow var(--sco-shadow-border)
+    margin-right 16px
+    width 32px
+    height 32px
+    border-radius 32px
+    background-color rgba(144, 147, 153, 0.13)
+    cursor pointer
+    position relative
 
-    .wl-meta > span
-      background var(--sco-gray)
-      border-radius 5px
-      color var(--sco-card-bg)
-      margin-right 5px
+    .verified-icon
+      position absolute
+      bottom -2px
+      right -5px
+
+    img
+      border-radius 32px
 
-    .wl-user
+    &:hover
       img
-        flex-shrink 0
-        height 2.5rem
-        width 2.5rem
-        overflow hidden
-        text-align center
-        border-radius 2.5rem
-        border var(--style-border-always)
+        transform rotate(360deg)
 
-  .wl-empty
-    font-size 16px
-    color var(--sco-gray)
+  .wl-head
+    display flex
+    align-items center
+
+    .wl-nick
+      font-weight 700
+      color var(--sco-lighttext)
+      text-decoration none
+      font-size 1rem
+      line-height 32px
+
+    .wl-badge
+      color #67c23a
+      display inline-block
+      padding 0 0.5em
+      border-radius 4px
+      border 0 solid #e1f3d8
+      font-size .5rem
+      margin-left 4px
+      background-color #c0c23a21
+
+    .wl-time
+      color var(--sco-secondtext)
+      font-size .6rem
+      margin-left 0.5rem
+
+  .wl-comment-actions
+    display flex
+    align-items center
+    position absolute
+    right 40px
+    gap 0.5rem
+
+    button
+      color var(--sco-lighttext)
+      -webkit-user-select none
+      padding 0 12px 0 12px
+      transition .3s
+      border-radius 8px
+      background-color var(--sco-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)
 
-[data-waline] a
-  color var(--sco-fontcolor) !important
+      &.wl-like
+        +maxWidth768()
+          display none
+
+  .wl-card
+    width 100%
+    display flex
+    flex-direction column
+
+  .wl-meta
+    order 2
+    margin .5rem 0
+
+    span
+      background var(--sco-secondbg)
+      border var(--style-border-always)
+      padding 1px 5px 1px 2px
+      border-radius 8px
+      margin-right 4px
+      color var(--sco-secondtext)
+      display inline
+      font-size .5rem
+      line-height 1
+
+  .wl-content
+    order 1
+    margin-top 0.5rem
+    overflow auto
+    max-height 500px
+
+    p
+      margin 0
+
+    img
+      max-width 300px
+      max-height 300px
+      vertical-align middle
+
+    pre
+    code
+    kbd
+    samp
+      font-family ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
+
+    pre
+      background var(--sco-secondbg)
+      padding .5rem
+      margin 0.5rem 0
+      overflow auto
+      border-radius 0.5em
+
+      +maxWidth768()
+        max-width 90%
+
+  .wl-quote
+    order 3
+
+    +maxWidth768()
+      max-width 90%
+
+  .wl-operation
+    width 100%
+
+    .wl-btn
+      top 0
+      margin 0
+      width 100%
+      position relative
+      bottom 52px
+      left 0
+      cursor pointer
+      padding 0.75em
+      transition all 0.5s
+      font-size 0.75em
+      background var(--sco-card-bg)
+      color var(--sco-fontcolor)
+      border var(--style-border-always)
+      box-shadow var(--sco-shadow-border)
+      border-radius 12px
+      opacity 1
+      height auto
+      line-height 2
+
+      &:hover
+        background var(--sco-lighttext)
+        color var(--sco-card-bg)
+
+  .wl-loading
+    display flex
+    justify-content center
+    align-items center
+
+  .wl-emoji
+    height 32px
+    margin 0 0.2rem
+
+  .wl-empty
+    display flex
+    justify-content center
+    align-items center
+    color var(--sco-lighttext)
 
-.wl-content pre, .wl-content pre[class*=language-]
-  padding .5rem !important
+#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)

package/source/css/_widgets/_extra/console.styl

@@ -12,7 +12,7 @@
   flex-direction column
   align-items center
   pointer-events none
-  -webkit-user-select none
+  user-select none
 
   &.show
     opacity 1
@@ -356,6 +356,7 @@
     height: 150px
     transition: .3s
     position: relative
+    cursor pointer
 
     &:hover
       background: var(--sco-main)

package/source/css/_widgets/_extra/fullpage.styl

@@ -1,5 +1,5 @@
 #loading-box
-  -webkit-user-select none
+  user-select none
 
   .loading-bg
     display flex

package/source/css/_widgets/_mixins/footer.styl

@@ -39,6 +39,8 @@
     .footer-bar-description
       color var(--sco-secondtext)
       font-weight 700
+      padding: 0 0.5rem
+      text-align: center
 
   .post & div#sco-footer-bar
     display flex
@@ -84,7 +86,7 @@
       margin 0 1rem
       cursor pointer
       transition cubic-bezier(0, 0, 0, 1.29) .5s
-      -webkit-user-select none
+      user-select none
       border-radius 50px
       overflow hidden
       +maxWidth768()
@@ -269,4 +271,4 @@
         font-size: 16px
 
         i.scoicon
-          font-size 16px
+          font-size 16px

package/source/css/_widgets/_post/content.styl

@@ -51,7 +51,6 @@
     box-shadow var(--sco-shadow-border)
 
   img
-    cursor zoom-in
     border-radius 12px
     object-fit cover
     display block
@@ -66,16 +65,7 @@
     padding 0 4px
     border-radius 4px 4px 0 0
 
-    if hexo-config('fancybox')
-      &.fancybox
-        border-bottom 0
-        padding 0
-        margin auto
-        display contents
-        width fit-content
-        -webkit-user-select none
-
-    &:not(.headerlink):hover
+    &:not(.headerlink, .fancybox):hover
       border 0
       text-decoration none
       background var(--sco-main)

package/source/css/_widgets/_post/copyright.styl

@@ -11,7 +11,7 @@
 
     +maxWidth768()
       box-shadow var(--sco-shadow-border)
-
+      padding: 1rem 1.3rem;
     .post-copyright__author_group
       .post-copyright__author_img
         width 64px
@@ -95,4 +95,4 @@
             background-color var(--sco-main)
             color var(--sco-white)
             cursor pointer
-            border-radius 4px
+            border-radius 4px

package/source/css/_widgets/_post/meta.styl

@@ -215,7 +215,7 @@
         margin-top .4rem
         transition .3s
         display flex
-        -webkit-user-select none
+        user-select none
         color var(--light-grey)
         font-size 95%
 
@@ -324,7 +324,7 @@
         text-align left
         display flex
         white-space nowrap
-        -webkit-user-select none
+        user-select none
 
         +maxWidth768()
           white-space nowrap

package/source/css/_widgets/_post/relatedPost.styl

@@ -1,6 +1,6 @@
 .relatedPosts
   margin-top: 2rem
-  -webkit-user-select: none
+  user-select none
 
   > .relatedPosts-list
     > div

package/source/css/_widgets/_post/tools.styl

@@ -5,7 +5,7 @@
     justify-content center
     margin-top 8px
     flex-wrap wrap
-    -webkit-user-select none
+    user-select none
 
     .post-tools-left
       white-space nowrap

package/source/css/_widgets/_search/algolia-search.styl

@@ -131,7 +131,6 @@
 
     a
       border-radius 4px
-      background var(--sco-main)
       color var(--sco-white)
       cursor pointer
       display inline-block
@@ -176,4 +175,7 @@
 
     &:hover
       background var(--sco-main)
-      color var(--sco-white)
+      color var(--sco-white)
+
+.ais-Pagination-item--selected a
+  background var(--sco-main)

package/source/css/_widgets/_tags/note.styl

@@ -31,6 +31,10 @@ $colors = {
   &.success:not(.no-icon)::before
     content: '\e0a4'
 
+  &.success:not(.no-icon)
+    p
+      color var(--sco-card-bg)
+
   &::before
     font-family 'scoicon'