hexo-theme-stellar 1.25.0 → 1.26.0

package/source/css/_layout/widgets/related.styl

@@ -1,8 +1,39 @@
-.widget-wrapper.related .widget-body a
-  margin-top: 0.5rem
-  margin-bottom: 1rem
-  .title 
+
+.widget-wrapper.post-card .widget-body
+  max-width: 100%
+  margin: 1rem 0
+  .item+.item
+    margin-top: 8px
+  .item
+    line-height: 1.2
+    background: var(--alpha20)
+    padding: 10px 16px
+    border-radius: $border-card
+    display: block
+    border-left: 0
+    box-sizing: border-box
+  .title
+    color: var(--text-p1)
+    font-weight: 500
+    font-size: 1rem
+    display: -webkit-box
+    -webkit-box-orient: vertical
+    overflow: hidden
+    -webkit-line-clamp: 1
     font-weight: 700
     font-size: $fs-14
   .excerpt
-    -webkit-line-clamp: 3
+    color: var(--text-p3)
+    font-size: $fs-12
+    margin-top: 0.5rem
+    display: -webkit-box
+    -webkit-box-orient: vertical
+    overflow: hidden
+    -webkit-line-clamp: 2
+  
+  .item
+    trans1 background
+  .item.active
+    background: var(--alpha50)
+  .item:hover
+    background: var(--alpha50)

package/source/css/_layout/widgets/timeline.styl

@@ -3,10 +3,10 @@
     margin-top: 0.5rem
   .tag-plugin.timeline .timenode
     .header
-      margin-bottom: 0.5rem
+      margin: 0.5rem 16px
       txt-ellipsis()
       .user-info
-        background: var(--block)
+        background: var(--alpha50)
         &:hover
           background: $color-hover
           color: var(--card)
@@ -14,4 +14,23 @@
         display: none
     &+.timenode
       margin-top: 0.75rem
+    .header p
+      color: var(--text-p2)
+    .body
+      border-radius: $border-card
+      background: var(--alpha50)
+      box-shadow: none
+
+      a
+        trans1 all
+        border-bottom: 1px solid var(--text-p0)
+        color: var(--text-p1)
+        &:hover
+          color: $color-hover
+          border-bottom: 1px solid $color-hover
+      code 
+        background: none
+        padding: 0
+        margin: 0
+      
       

package/source/css/_layout/widgets/toc_blog.styl

@@ -1,3 +1,3 @@
 .widget-wrapper.toc.single .doc-tree
   &.active>.toc
-    border-left: 2px solid var(--block-hover)
+    border-left: 2px solid var(--alpha50)

package/source/css/_layout/widgets/toc_common.styl

@@ -1,12 +1,12 @@
-.widget-wrapper.toc .widget-header
-  margin-top: 1rem
 
 .widget-wrapper.toc.single .widget-header
   font-weight: 500
   font-size: $fs-12
-  >span
-    margin: 0.5rem 0
 
+.toc-item
+  margin-top: 2px
+.toc-child
+  margin-top: 2px
 .widget-wrapper.toc .widget-body
   margin-top: 0
   ul ul, ul ol
@@ -14,8 +14,6 @@
   ol ul, ol ol
     padding-left: 0
 
-  .doc-tree
-    margin: 4px 0
   .toc
     padding: 0
     margin: 0
@@ -43,7 +41,7 @@
   padding: 0
   list-style: none
   &.active
-    color: $color-theme
+    background: var(--alpha50)
     border-left-color: @color
   .toc-child .toc-item
     padding: 0
@@ -51,8 +49,9 @@
   color: inherit
   display: block
   line-height: 1.2
-  border-radius: 4px
+  border-radius: $border-bar
   position: relative
+  trans1 background
   &:before
     content: ''
     position: absolute
@@ -61,14 +60,15 @@
     bottom: 'calc(50% - %s)' % 6px
     width: 2px
     border-radius: 2px
-    background: $color-theme
+    background: var(--text-p0)
     visibility: hidden
-  &:hover
-    background: var(--block-hover)
   &.active
-    color: $color-theme !important
+    background: var(--alpha50)
     &:before
       visibility: visible
+  &:hover
+    background: var(--alpha100)
+  
   
 // 始终折叠
 .widget-wrapper.toc[collapse='true']

package/source/css/_layout/widgets/toc_wiki.styl

@@ -1,48 +1,61 @@
-.widget-wrapper.toc.multi .widget-header
-  color: var(--text-p1)
-  font-size: $fs-14
+.doc-tree+.doc-tree
+  margin-top: 2px
 
+.widget-wrapper.toc.multi
+  // .widget-header
+  //   color: $color-theme
+  //   filter: brightness(75%)
+  .widget-body+.widget-header
+    margin-top: 28px
 
 // 其它分页链接
 .widget-wrapper.toc.multi .doc-tree
-  border-radius: $border-bar
-  background: var(--block)
+  border-radius: $border-card
   overflow: hidden
-  border: 1px solid var(--block-border)
   a.doc-tree-link
-    color: var(--text-p2)
-    padding: 0.5rem
-    display: block
-    font-size: $fs-12
-    font-weight: 500
+    color: var(--text-p1)
+    padding: 0 16px
+    display: flex
+    min-height: 32px
+    justify-content: space-between
+    align-items: center
+    font-size: $fs-14
     position: relative
+    trans1 background
+    .toc-text
+      txt-ellipsis()
+    svg,img
+      flex-shrink: 0
+      width: 1em
+      height: 1em
+      transform: scale(1.2)
     &:after
       position: absolute
       right: .5rem
-    &.active
-      color: var(--text-p1)
-      &:only-child
-        background: var(--card)
+    &:only-child
+      &.active
+        background: var(--alpha50)
+      &:hover
+        background: var(--alpha100)
     &:hover
-      background: var(--block-hover)
-      &:after
-        content: '+'
+      background: var(--alpha100)
 
 
 // 当前分页链接
 .widget-wrapper.toc.multi .doc-tree.active
   a.doc-tree-link
-    background: var(--block)
-    font-weight: 700
-    &:not(:only-child)
-      border-bottom: 1px solid var(--block-border)
+    background: var(--alpha100)
+    font-weight: 500
     &:hover:after
       content: none
   >.toc
-    padding: 4px
-    background: var(--card)
+    padding: 4px 10px
+    border: 1px solid var(--alpha50)
+    background: var(--alpha20)
+    border-bottom-left-radius: $border-card
+    border-bottom-right-radius: $border-card
     a.toc-link:before
       left: -2px
       width: 4px
     a.toc-link:hover
-      background: var(--block)
+      background: var(--alpha100)

package/source/css/_layout/widgets/widgets.styl

@@ -1,6 +1,7 @@
 .widgets 
   .loading-wrap
     margin: 0.5rem 0
+    background: var(--alpha50)
 
 .widgets
   overflow: scroll
@@ -9,6 +10,7 @@
   scrollbar(0, 0)
   z-index: 1
   line-height: 1.2
+  margin: 0 var(--gap-l)
   .widget-wrapper
     .widget-header
       padding-left: var(--gap-l)
@@ -16,33 +18,39 @@
       display: flex
       justify-content: space-between
       align-items: center
+      line-height: 28px
       font-weight: 500
-      position: sticky
-      top: -2px
-      background: var(--site-bg)
-      padding-top: 2px
-      z-index 1
+      font-size: $fs-12
+      color: var(--text-p1)
       .item 
         display: block
-      >span 
-        margin: 0.25rem 0
+      >span
         text-align: left
+        opacity 0.6
       &:empty
         display: none
       .cap-action
-        hover-block 4px 4px
         line-height: 0
-        color: var(--text-meta)
-        trans2: color background
-        .icon
-          fill: var(--text-meta)
+        color: inherit
+        opacity 0.6
+        trans2: opacity background
+        border-radius: 4px
+        padding: 6px
+        margin-right: -5px
+        svg
+          height: 1em
+          width: auto
+          transform: scale(1.2)
+          fill: var(--text-p2)
         &:hover
           color: $color-hover
-          .icon
+          background: var(--alpha100)
+          opacity 1
+          svg
             fill: $color-hover
 
     .widget-body
-      margin: 0.5rem var(--gap-l)
+      margin: 0.5rem 0
       color: var(--text-p1)
       p
         margin-top: .5em
@@ -50,11 +58,8 @@
         line-height: 1.5
     .widget-header+.widget-body
       margin-top: 0
-  .widget-wrapper+.widget-wrapper .widget-header
-    margin-top: 3rem
-  .widget-wrapper+.widget-wrapper.toc .widget-header
-    margin-top: 1rem
+
 
 .widget-wrapper
-    display: block
-    margin: 2rem 0
+  display: block
+  margin: 32px 0

package/source/css/_plugins/comments/twikoo.styl

@@ -1,5 +1,5 @@
 .cmt-body.twikoo
-  --twikoo-lighttext: #ef794f;
+  --twikoo-lighttext: $color-theme;
   --twikoo-secondtext: #909094;
   --twikoo-emoji-background: #f8f8f8;
   --twikoo-theme: $color-theme;
@@ -8,14 +8,14 @@
   .tk-content
     .vemoji, .tk-owo-emotion
       width: unset;
-      border-radius: 0;
+      border-radius: $border-image;
       max-height: 24px;
       max-width: 100px;
 
     img
       max-width: 400px;
       max-height: 400px;
-      border-radius: 8px;
+      border-radius: $border-image;
 
 .OwO
   .OwO-body
@@ -58,7 +58,7 @@
     width: auto
     border: none
     padding: 6px 2rem
-    border-radius: 4px
+    border-radius: $border-block
     background: var(--block)
     color: var(--text-p1)
     line-height: 2
@@ -74,7 +74,7 @@
     margin-bottom: 1rem
     border: 1px dashed var(--block-border);
     padding: 1rem;
-    border-radius: 4px;
+    border-radius: $border-block;
     background: var(--card);
 
     &:hover
@@ -86,7 +86,7 @@
 
   .tk-submit
     padding: 1rem 1rem 0 1rem;
-    border-radius: 4px;
+    border-radius: $border-block;
     background: var(--card);
 
   .tk-tag
@@ -108,9 +108,9 @@
 
 set_darkmode_comments()
   .cmt-body.twikoo
-    --twikoo-lighttext: #f2b94b;
-    --twikoo-secondtext: #a1a2b8;
-    --twikoo-theme: #409eff;
+    --twikoo-lighttext: $color-link;
+    --twikoo-secondtext: var(--text-p2);
+    --twikoo-theme: $color-theme;
 
 if hexo-config('style.darkmode') == 'auto'
   @media (prefers-color-scheme: dark)

package/source/css/_plugins/scrollreveal.styl

@@ -1,2 +1,2 @@
-.reveal
+.slide-up
   visibility: hidden

package/source/css/_plugins/tianli_gpt.styl

@@ -1,7 +1,7 @@
 .post-TianliGPT
   --heo-none: #00000000
-  --heo-theme = var(--theme-link)
-  --heo-main: var(--theme-link)
+  --heo-theme = $color-theme
+  --heo-main: $color-theme
   --heo-snackbar-time: 5s
   --heo-theme-none: #4259ef01
   --heo-background: var(--site-bg)
@@ -18,11 +18,10 @@
 
 .post-TianliGPT
   background: var(--block)
-  border-radius: 12px
+  border-radius: $border-block
   padding: 12px
   line-height: 1.3
   border: var(--style-border-always)
-  margin: 16px 0
 
   @media screen and (max-width: 768px)
     .post-TianliGPT
@@ -30,7 +29,6 @@
 
 .tianliGPT-title
   display: flex
-  color: var(--theme-link)
   border-radius: 8px
   align-items: center
   padding: 0 12px
@@ -46,7 +44,7 @@
   margin-top: 12px
   padding: 8px 12px
   background: var(--card)
-  border-radius: 8px
+  border-radius: $border-block
   border: var(--style-border-always)
   font-size: 15px
   line-height: 1.4
@@ -71,15 +69,15 @@
   transition: 0.3s
   
 .tianliGPT-suggestions .tianliGPT-suggestions-item:hover
-  background: var(--heo-main)
+  background: $color-theme
   color: var(--text-p0)
 
 .blinking-cursor
-  background-color: var(--heo-main)
+  background-color: var(--text-p2)
   width: 10px
-  height: 16px
+  height: 10px
   display: inline-block
-  vertical-align: middle
+  border-radius: 50%;
   animation: blinking-cursor 0.5s infinite
   -webkit-animation: blinking-cursor 0.5s infinite
   margin-left: 4px
@@ -102,7 +100,7 @@
     
 .tianliGPT-tag
   font-size: 12px
-  background-color: var(--theme-link)
+  background-color: var(--text-p2)
   color: var(--card)
   font-weight: bold
   border-radius: 4px
@@ -116,7 +114,7 @@
   transition: 0.3s
 
 .tianliGPT-tag:hover
-  background: var(--text-p2)
+  background: $color-theme
   color: var(--card)
 
 ins.adsbygoogle
@@ -149,7 +147,7 @@ ins.adsbygoogle
 .tianliGPT-title-icon svg
   width: 20px
   height: 20px
-  fill: var(--heo-main)
+  fill: var(--text-p2)
 
 .tianliGPT-title-icon svg path
-  fill: var(--heo-main)
+  fill: var(--text-p2)

package/source/js/main.js

@@ -197,13 +197,16 @@ init.registerTabsTag()
 // scrollreveal
 if (stellar.plugins.scrollreveal) {
   stellar.loadScript(stellar.plugins.scrollreveal.js).then(function () {
-    ScrollReveal().reveal("body .reveal", {
+    const slideUp = {
       distance: stellar.plugins.scrollreveal.distance,
       duration: stellar.plugins.scrollreveal.duration,
       interval: stellar.plugins.scrollreveal.interval,
       scale: stellar.plugins.scrollreveal.scale,
+      opacity: 0,
       easing: "ease-out"
-    });
+    }
+    ScrollReveal().reveal('.l_left .slide-up', slideUp)
+    ScrollReveal().reveal('.l_main .slide-up', slideUp)
   })
 }
 

package/source/js/plugins/copycode.js

@@ -3,7 +3,7 @@ codeElementArr.forEach(code => {
   // copy btn 
   const codeCopyBtn = document.createElement('div')
   codeCopyBtn.classList.add('copy-btn')
-  codeCopyBtn.innerText = stellar.plugins.copycode.default_text
+  codeCopyBtn.innerHTML = stellar.plugins.copycode.default_text
 
   code.appendChild(codeCopyBtn)
 
@@ -11,11 +11,11 @@ codeElementArr.forEach(code => {
     const currentCodeElement = code.children[0]?.innerText
     await copyCode(currentCodeElement)
 
-    codeCopyBtn.innerText = stellar.plugins.copycode.success_text
+    codeCopyBtn.innerHTML = stellar.plugins.copycode.success_text
     codeCopyBtn.classList.add('success')
     hud.toast(stellar.plugins.copycode.toast, 2500)
     setTimeout(() => {
-      codeCopyBtn.innerText = stellar.plugins.copycode.default_text
+      codeCopyBtn.innerHTML = stellar.plugins.copycode.default_text
       codeCopyBtn.classList.remove('success')
     },3000)
   })

package/layout/_partial/main/header/index.ejs

@@ -1,3 +0,0 @@
-<% if (page.header != 'auto' && page.header != false) { %>
-  <%- partial('../../sidebar/header', {where: 'main'}) %>
-<% } %>