hexo-theme-solitude 1.11.3 → 1.12.1

package/source/css/_highlight/prismjs/diff.styl

@@ -1,79 +1,80 @@
 pre[class*='language-']
-  .token
-    &.function,
-    &.punctuation
-     color $highlight-blue
 
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata
-    color $highlight-comment
+  .keyword
+  .function
+    color $highlight-variable-light
 
-  .token.namespace
-    opacity: .7
+  .operator
+    color $highlight-variable-light
 
-  .token.operator,
-  .token.boolean,
-  .token.number
-    color: $highlight-orange
+  .number
+    color $highlight-number-light
 
-  .token.property
-    color: $highlight-yellow
+  .property
+  .class-name
+  .title
+    color $highlight-title-light
 
-  .token.tag
-    color: $highlight-blue
+  .string
+    color $highlight-string-light
+ 
+  .parameter
+    color $highlight-parameter-light
 
-  .token.string
-    color: $highlight-green
+  .blockquote
+    cikir $highlight-emphasis-light
 
-  .token.selector
-    color: $highlight-deletion
+  .comment
+    color $highlight-comment-light
 
-  .token.attr-name
-    color: $highlight-orange
+  .atrule
+    color $highlight-emphasis-light
 
-  .token.entity,
-  .token.url,
-  .language-css .token.string,
-  .style .token.string
-    color: $highlight-aqua
+  .boolean
+    color $highlight-important-light
 
-  .token.attr-value,
-  .token.keyword,
-  .token.control,
-  .token.directive,
-  .token.unit
-    color: $highlight-yellow
+  .deleted
+    color $highlight-deleted
 
-  .token.statement,
-  .token.regex,
-  .token.atrule
-    color: $highlight-aqua
+  .inserted
+    color $highlight-inserted
 
-  .token.placeholder,
-  .token.variable
-    color: $highlight-blue
+  [data-theme='dark'] &
+    .keyword
+    .function
+      color $highlight-variable-dark
 
-  .token.deleted
-    color: var(--efu-red)
+    .operator
+      color $highlight-variable-dark
 
-  .token.inserted
-    color: var(--efu-green)
+    .number
+      color $highlight-number-dark
 
-  .token.italic
-    font-style: italic
+    .property
+    .class-name
+    .title
+      color $highlight-title-dark
 
-  .token.important,
-  .token.bold
-    font-weight: bold
+    .string
+      color $highlight-string-dark
+      
+    .parameter
+      color $highlight-parameter-dark
 
-  .token.important
-    color: $highlight-orange
+    .blockquote
+      color $highlight-emphasis-dark
 
-  .token.entity
-    cursor: help
+    .comment
+      color $highlight-comment-dark
 
-  pre > code.highlight
-    outline: .4em solid $highlight-orange
-    outline-offset: .4em
+    .atrule
+      color $highlight-emphasis-dark
+
+    .boolean
+      color $highlight-important-dark
+
+    .deleted
+      color $highlight-deleted
+
+    .inserted
+      color $highlight-inserted

package/source/css/_layout/article-container.styl

@@ -193,11 +193,7 @@
       border-top 1px dashed var(--efu-theme-op)
       padding-top 1rem
 
-    h3
-      font-size 1.1rem
-      line-height 1.3
-
-    h4
+    h3, h4
       font-size 1.1rem
       line-height 1.3
 

package/source/css/_layout/aside.styl

@@ -631,9 +631,9 @@ if hexo-config('aside.card.style') == 2
     gap .5rem
     z-index 1
     if hexo-config('aside.position') == 0
-        right 1rem
-      else
-        left 1rem
+      right 1rem
+    else
+      left 1rem
 
     .headline
       color var(--efu-gray)
@@ -777,7 +777,7 @@ if hexo-config('aside.card.style') == 2
     hr
       display flex
       position relative
-      margin 1rem 0
+      margin .5rem 0
       border 1px dashed var(--efu-theme-op)
 
     .item-headline
@@ -1047,4 +1047,51 @@ backcolor = convert(hexo-config('aside.flip.backcolor'))
       background-size 100%
 
   .card-widget.card-adsense
-    padding 0
+    padding 0
+
+if hexo-config('aside.newest_comment.enable')
+  .card-recent-comment
+    .recent-comment-more
+      margin-left auto
+      margin-right .5rem
+      &:hover
+        color var(--efu-lighttext)
+        transition .3s
+    .aside-list-item
+      padding: .5rem
+      width: 100%
+      display: flex
+      flex-direction: row
+      height: 80px
+      transition: .3s
+      position: relative
+      &:not(:last-child)
+        border-bottom 1px dashed rgba(255, 255, 255, .1)
+
+      .thumbnail img
+        width: 60px
+        height: 60px
+        margin-right: 8px
+        border-radius: 12px
+
+      .content
+        max-width: calc(100% - 68px)
+        line-height 1.5
+
+        .comment
+          overflow hidden
+          text-overflow ellipsis
+          display -webkit-box
+          font-size 14px
+          -webkit-line-clamp 2
+          transition .3s
+          -webkit-box-orient vertical
+          cursor pointer
+          &:hover
+            color var(--efu-lighttext)
+            transition .3s
+
+        .datetime
+          font-size 12px
+          color var(--efu-secondtext)
+          margin-top auto

package/source/css/_layout/console.styl

@@ -116,50 +116,6 @@
     display flex
     align-items center
 
-  .aside-list-item
-    .thumbnail
-      display flex
-      align-items center
-
-    &:hover
-      .thumbnail
-        color var(--efu-white)
-
-    .content
-      display flex
-      flex-direction column
-      height 100%
-      margin-top .5rem
-
-      .comment
-        -webkit-line-clamp 2
-        display -webkit-box
-        overflow hidden
-        -webkit-box-orient vertical
-        line-height 24px
-        font-size 14px
-
-        &::before
-          content ''
-          width 100%
-          height 100%
-          position absolute
-          top 0
-          left 0
-
-      &:hover
-        .comment
-          color var(--efu-white)
-
-      time
-        font-size 12px
-        color var(--efu-secondtext)
-        margin-top auto
-
-      &:hover
-        time
-          color var(--efu-white)
-
   .aside-list
     display flex
     flex-wrap wrap
@@ -183,8 +139,10 @@
         [data-theme="dark"] &
           background var(--efu-orange)
           color var(--efu-white)
+
   .button-group
     gap .5rem
+
     .console-btn-item
       &:hover
         span
@@ -349,37 +307,4 @@
 
   #consoleHideAside
     +maxWidth768()
-      display none
-
-#card-newest-comments
-  .aside-list-item
-    background: var(--efu-card-bg)
-    border-radius: 12px
-    border: var(--style-border)
-    padding: 12px 16px
-    width: 49%
-    display: flex
-    flex-direction: column
-    height: 150px
-    transition: .3s
-    position: relative
-    cursor pointer
-
-    &:hover
-      background: var(--efu-main)
-      color: var(--efu-white)
-
-    &:not(:last-child)
-      margin-bottom: .5rem
-
-    .thumbnail img
-      width: 20px
-      height: 20px
-      margin-right: 8px
-      border-radius: 20px
-
-    .name
-      text-overflow: ellipsis
-      overflow: hidden
-      white-space: nowrap
-      font-weight: 700
+      display none

package/source/css/_page/_home/carousel.styl

@@ -36,6 +36,8 @@ div#swiper_container
 #swiperBox.recent-post-item
   width 100%
   margin-top 0
+  flex 1 1 100%
+  max-width none
   +maxWidth798()
     display none
 

package/source/css/_page/message.styl

@@ -59,5 +59,6 @@
             overflow hidden
             text-overflow ellipsis
 
-.hide
+#barrage.hide
+    z-index -1
     opacity 0

package/source/css/_page/music.styl

@@ -26,10 +26,13 @@ body[data-type=music]
   height 200%
   top -50%
   left -50%
+  background-position 0 0
   background-size 40%
   transition 0.6s
-
+  background-color rgba(0, 0, 0, 0.4)
+  
   &:before
+    display none
     content ''
     background rgba(0, 0, 0, 0.4)
     backdrop-filter blur(200px)
@@ -41,6 +44,10 @@ body[data-type=music]
     width 200%
     height 200%
 
+  &.show
+    &:before
+      display block
+
 #Music-page
   max-width 1400px
 

package/source/css/_page/other.styl

@@ -92,6 +92,7 @@ div#banners
     +maxWidth600()
       opacity 0.06
       filter blur(8px)
+      z-index -1
 
   &.nowrapMove
     padding-bottom 2rem

package/source/css/_post/commentBarrage.styl

@@ -117,23 +117,14 @@
         max-width 270px
 
         img:not(.tk-owo-emotion)
-        display none
+          display none
         img.tk-owo-emotion
           width 16px
           padding 0
           margin 0
           transform translateY(2px)
 
-      pre
-        display none
-
-      li
-        display none
-
-      blockquote
-        display none
-
-      br
+      pre, li, blockquote, br
         display none
 
       &::-webkit-scrollbar

package/source/css/_post/copyright.styl

@@ -4,7 +4,7 @@
     border-width 1px
     transition 0.3s
     position relative
-    margin 80px 0 30px
+    margin 80px 0 .5rem
     border-radius 12px
     padding 34px 0 20px 0
     border var(--style-border-always)
@@ -84,4 +84,131 @@
             background-color var(--efu-main)
             color var(--efu-white)
             cursor pointer
-            border-radius 4px
+            border-radius 4px
+
+    .social-share
+      display flex
+      justify-content center
+      height 40px
+      margin .5rem auto
+      gap .5rem
+      flex-wrap wrap
+
+      .social-share-ico
+        display flex
+        justify-content center
+        align-items center
+        width 40px
+        height 40px
+        border-radius 12px
+        border var(--style-border)
+        cursor pointer
+        transition .3s
+
+        +maxWidth768()
+          &:nth-child(n+6)
+            display none
+
+        &:hover
+          color white
+
+      .icon-qq
+        color #56b6e7
+        border-color #56b6e7
+        &:hover
+            background-color #56b6e7
+
+      .icon-weibo
+        color #d44040
+        border-color #d44040
+
+        &:hover
+          background-color #d44040
+
+      .icon-facebook
+        color #415dc9
+        border-color #415dc9
+
+        &:hover
+          background-color #415dc9
+
+      .icon-twitter
+        color #56b6e7
+        border-color #56b6e7
+
+        &:hover
+          background-color #56b6e7
+
+      .icon-telegram
+        color #56b6e7
+        border-color #56b6e7
+
+        &:hover
+          background-color #56b6e7
+
+      .icon-linkedin
+        color #0077b5
+        border-color #0077b5
+
+        &:hover
+          background-color #0077b5
+      .icon-whatsapp
+        color #25d366
+        border-color #25d366
+
+        &:hover
+          background-color #25d366
+      .icon-link
+        color #425AEF
+        border-color #425AEF
+
+        &:hover
+          background-color #425AEF
+      .icon-qrcode
+        position relative
+        color #000
+        border-color #000
+
+        +maxWidth900()
+          display none
+
+        &:hover
+          background-color #000
+
+          .share-main
+            display flex
+
+        .share-main
+          display none
+          position absolute
+          bottom 1.7rem
+          z-index 100
+          padding-bottom 15px
+
+          &-all
+            padding 12px
+            border-radius 12px
+            background var(--efu-background)
+            animation donate_effcet 0.3s 0.1s ease both
+            flex-direction column
+            border var(--style-border-always)
+
+            .reward-dec
+              font-size 0.6rem
+              color var(--efu-fontcolor)!important
+              text-align center
+
+      #qrcode
+        width 150px
+        height 150px
+        min-width 150px
+        min-height 150px
+        background var(--efu-white)
+        padding 8px
+        border-radius 8px
+        margin-bottom 8px
+        border var(--style-border-always)
+
+        img
+          width 132px
+          height 132px

package/source/css/_post/meta.styl

@@ -35,8 +35,6 @@
       +maxWidth768()
         height 15rem
 
-  /*** 顶部背景 ***/
-
   .post-bg
     .main-hero-waves-area
       width 100%
@@ -109,22 +107,6 @@
         left 0
         box-shadow 110px -130px 300px 60px var(--efu-main) inset
 
-      +minWidth1300()
-        width 70%
-        height 100%
-        position relative
-        overflow hidden
-        margin 0 -20% 0 auto
-        transform rotate(10deg) translateY(-8%) scale(1.8)
-        filter blur(10px)
-        opacity 0
-
-        &.loaded
-          display block
-          opacity .5
-          animation showCover 1s .3s backwards
-          transform rotate(10deg) translateY(-10%) scale(2)
-
       +minWidth768()
         width 70%
         height 100%
@@ -154,10 +136,6 @@
       &.loaded
         display block
 
-    /*** 顶部背景 end ***/
-
-    /*** 顶部信息 ***/
-
     #post-info
       top 0
       position absolute
@@ -248,39 +226,21 @@
             display: flex
             align-items center
             line-height 1
+            margin 0 .5rem
 
             +maxWidth768()
               line-height 1.5
 
           > span:first-child
-            margin-right .8rem
+            margin-left 0
 
-          .post-meta-date
-            margin-right .8rem
-            opacity .6
-
-          .post-meta-wordcount
+          .post-meta-date, .post-meta-wordcount, .post-meta-position, .post-meta-pv
             opacity .6
-            margin-right 20px
-
-            +maxWidth768()
-              margin-left 0
-
-            > span.word-count
-              font-weight 800
-
-            > span:nth-child(7)
-              font-weight 800
 
           .post-meta-separator
-            margin 0 10px
-
-          .post-meta-position
-            margin-right 12px
-            opacity .6
+            margin 0 1rem 0 0
 
           .post-meta-pv
-            opacity .6
             margin-right 8px
             padding 0 8px
             display flex

package/source/css/_post/pagination.styl

@@ -2,6 +2,10 @@
   overflow hidden
   position inherit
   border var(--style-border-always)
+
+  div:only-child
+    width 100%!important
+
   +minWidth1300()
     position fixed
     width 300px
@@ -15,6 +19,7 @@
     overflow hidden
     cursor pointer
     opacity 0
+
   +maxWidth768()
     border-radius 12px
     border var(--style-border-always)
@@ -23,18 +28,22 @@
   &.pagination-post
     margin-top 1.5rem
     background var(--efu-card-bg)
+
     +minWidth768()
       border-radius 12px
       margin-top 1rem
+
     +minWidth1300()
       margin-top 0
 
   .next-post, .prev-post, .next-post.pull-right, .prev-post.pull-left
     background var(--efu-secondbg)
+
     +minWidth1300()
       background var(--efu-maskbgdeep)
       backdrop-filter blur(5px)
       transform translateZ(0)
+
     +maxWidth768()
       background var(--efu-card-bg)
 
@@ -45,6 +54,7 @@
   .prev-post.pull-left
     +minWidth1300()
       display none
+
     +maxWidth768()
       border-bottom var(--style-border-always)
 
@@ -54,9 +64,11 @@
 
   .next-post, .prev-post
     width 50%
+
     +minWidth1300()
       text-align left
       position relative
+
     +maxWidth768()
       width 100%
 
@@ -136,6 +148,7 @@
     padding 1rem 2rem
     width 100%
     transform translate(0, -50%)
+
     +minWidth768()
       padding 1rem 1.5rem 1rem 1.5rem
       position relative