hexo-theme-solitude 1.12.0 → 1.12.2

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

@@ -5,75 +5,47 @@ figure.highlight
     background var(--efu-hl-bg)
     border-radius 6px
     display initial
-  pre .deletion
-    color $highlight-deletion
 
-  pre .addition
-    color $highlight-addition
+  .keyword
+  .attr
+  .variable
+  .literal
+  .property
+    color $highlight-variable-light
 
-  pre .meta
-    color $highlight-purple
+  .number
+    color $highlight-number-light
 
-  pre
-    .comment
-      color $highlight-comment
+  .string
+    color $highlight-string-light
 
-    .variable,
-    .attribute,
-    .regexp,
-    .ruby .constant,
-    .xml .tag .title,
-    .xml .pi,
-    .xml .doctype,
-    .html .doctype,
-    .css .id,
-    .tag .name,
-    .css .class,
-    .css .pseudo
-      color $highlight-red
+  .built_in
+  .title
+  .params
+  .name
+    color $highlight-title-light
 
-    .tag
-      color $highlight-aqua
+  .emphasis
+    color $highlight-emphasis-light
 
-    .number,
-    .preprocessor,
-    .literal,
-    .params,
-    .constant,
-    .command
-      color $highlight-orange
+  [data-theme=dark] &  
+    .keyword
+    .attr
+    .variable
+    .property
+      color $highlight-variable-dark
 
-    .built_in
-      color $highlight-yellow
-
-    .ruby .class .title,
-    .css .rules .attribute,
-    .string,
-    .value,
-    .inheritance,
-    .header,
-    .ruby .symbol,
-    .xml .cdata,
-    .special,
-    .number,
-    .formula
-      color $highlight-green
+    .number
+      color $highlight-number-dark
 
-    .keyword,
-    .title,
-    .css .hexcolor
-      color: $highlight-aqua
+    .string
+      color $highlight-string-dark
 
-    .function,
-    .python .decorator,
-    .python .title,
-    .ruby .function .title,
-    .ruby .title .keyword,
-    .perl .sub,
-    .javascript .title,
-    .coffeescript .title
-      color $highlight-blue
+    .built_in
+    .built_in
+    .title
+    .params
+      color $highlight-title-dark
 
-    .tag .attr,
-    .javascript .function
-      color $highlight-purple
+    .emphasis
+      color $highlight-emphasis-dark

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/recent-post.styl

@@ -32,13 +32,6 @@ if hexo-config('index_post_list.direction') == "column"
       cursor pointer
       border var(--style-border)
 
-      +minWidth1300()
-        flex-direction column
-        width 100%
-        flex 1 1 40%
-        max-width 50%
-        box-shadow var(--efu-shadow-border)
-
       +maxWidth1300()
         margin-bottom .5rem
 
@@ -238,6 +231,25 @@ if hexo-config('index_post_list.direction') == "column"
           .sticky
             color var(--efu-fontcolor)
 
+  if hexo-config('index_post_list.direction') == "column" && hexo-config('index_post_list.column') == 2
+    #recent-posts
+      > .recent-post-item
+        +minWidth1300()
+          flex-direction column
+          width 100%
+          flex 1 1 40%
+          max-width 50%
+          box-shadow var(--efu-shadow-border)
+  else if hexo-config('index_post_list.direction') == "column" && hexo-config('index_post_list.column') == 3
+    #recent-posts
+      > .recent-post-item
+        +minWidth1300()
+          flex-direction column
+          width 100%
+          flex 1 1 33.3%
+          max-width 32.6%
+          box-shadow var(--efu-shadow-border)
+      
 else if hexo-config('index_post_list.direction') == "row"
   #recent-posts
     position relative

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/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
@@ -255,22 +233,14 @@
 
           > span:first-child
             margin-left 0
-            
-
-          .post-meta-date
-            opacity .6
 
-          .post-meta-wordcount
+          .post-meta-date, .post-meta-wordcount, .post-meta-position, .post-meta-pv
             opacity .6
 
           .post-meta-separator
             margin 0 1rem 0 0
 
-          .post-meta-position
-            opacity .6
-
           .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

package/source/css/_post/postAI.styl

@@ -4,7 +4,7 @@
   padding 12px
   line-height 1.3
   border var(--style-border-always)
-  margin-top 16px;
+  margin-top 16px
   min-height 101.22px
   box-shadow var(--efu-shadow-border)
 
@@ -81,13 +81,12 @@
 
     .blinking-cursor
       background-color var(--efu-lighttext)
-      width: 14px
+      width 14px
       height 14px
       border-radius 16px
       display inline-block
       vertical-align middle
       animation blinking-cursor 2s infinite
-      -webkit-animation blinking-cursor 2s infinite
       margin-left 4px
       margin-bottom 3px
       transform scale(.6)