hexo-theme-stellar 1.25.0 → 1.26.0

package/source/css/_layout/main.styl

@@ -5,7 +5,7 @@
     margin-left: "calc(2 * %s)" % var(--gap-l)
     margin-right: "calc(2 * %s + %s / 2)" % (var(--gap-l) var(--width-left))
   @media screen and (min-width: $device-mobile-max)
-    padding-top: "calc(2 * %s)" % var(--gap-l)
+    padding-top: 8px
   @media screen and (max-width: $device-mobile-max)
     padding-top: 1rem
   header
@@ -13,6 +13,7 @@
     .logo-wrap
       margin: 0
 
-.l_main.list
-  @media screen and (max-width: $device-mobile-max)
-    padding-top: 0
+.l_body.index
+  .l_main
+    @media screen and (max-width: $device-mobile-max)
+      padding-top: 0

package/source/css/_layout/md.styl

@@ -22,16 +22,6 @@ h1.article-title
   position: relative
   padding-bottom: 2rem
   overflow: hidden
-  &.indent
-    >p:not([class])
-      text-indent: 'calc(%s * 2)' % $fs-p
-      text-align: convert(hexo-config('style.text-align'))
-      a
-        text-indent: 0
-    h1,h2,h3,h4,h5,h6
-      text-align: center
-    >h2:not([class])
-      border-bottom: none
   >:first-child:not(h1)
     margin-top: 0
   h1:not(:first-child)
@@ -53,6 +43,17 @@ h1.article-title
       margin-bottom: 0.25em
       padding-top: 0
 
+.l_body[text-indent] .md-text.content
+  >p:not([class])
+    text-indent: 'calc(%s * 2)' % var(--fs-p)
+    text-align: convert(hexo-config('style.text-align'))
+    a
+      text-indent: 0
+  h1,h2,h3,h4,h5,h6
+    text-align: center
+  >h2:not([class])
+    border-bottom: none
+
 .md-text.content:first-child
   padding-top: 0
 
@@ -109,7 +110,7 @@ h1.article-title
     margin-top: -0.5rem
 
 .md-text p
-  font-size: $fs-p
+  font-size: var(--fs-p)
 
 .md-text pre
   -webkit-font-smoothing: auto

package/source/css/_layout/partial/paginator.styl

@@ -28,10 +28,10 @@
     background-clip: content-box
     &.next
       border-left: 1px dashed var(--block-border)
-      background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/064b95430caf4.svg')
+      background-image: url(hexo-config('style.paginator.next'))
     &.prev
       border-right: 1px dashed var(--block-border)
-      background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/f049bbd4e88ec.svg')
+      background-image: url(hexo-config('style.paginator.prev'))
   .current
     font-family: $ff-code
     background: var(--block)

package/source/css/_layout/sidebar/footer.styl

@@ -1,47 +1,20 @@
-.l_left>.footer
+.l_left footer.footer
   margin: 0.5rem var(--gap-l) 1rem
 
 .social-wrap
   display: grid
   grid-gap: 0.25rem 0.25rem
   grid-template-columns: repeat(auto-fill, 32px)
-  a.social
+  .social
     line-height: 0
     display: inline-block
     padding: 6px
-    border-radius: 4px
+    border-radius: 32px
     filter: grayscale(100%)
     overflow: hidden
     background: transparent
     trans3: box-shadow background transform
     &:hover
-      color: $color-hover
       z-index: 1
       filter: unset
-      transform: translateY(-1px)
-      background: linear-gradient(145deg, #ddd, #fff)
-      box-shadow: 2px 4px 8px #ddd, -2px -4px 8px #fff
-      if hexo-config('style.darkmode') == 'auto'
-        @media (prefers-color-scheme: dark)
-          box-shadow: none
-      if hexo-config('style.darkmode') == 'always'
-        box-shadow: none
-
-.proj-wrap
-  display: grid
-  grid-gap: 0.25rem 0.25rem
-  a.item
-    border-radius: 4px
-    font-size: $fs-13
-    font-weight: 500
-    color: var(--text-p2)
-    background: var(--block)
-    border: 1px solid var(--block-border)
-    overflow: hidden
-    padding: .75em
-    text-align: center
-    svg
-      margin-right: .5em
-    &:hover
-      color: $color-hover
-      background: var(--card)
+      background: var(--alpha100)

package/source/css/_layout/sidebar/{header.styl → logo.styl}

@@ -1,44 +1,15 @@
-.l_left 
-  nav.menu
-    margin-bottom: 0
-
-nav.menu
-  margin: 1rem 0
-  background: var(--block)
-  border: 1px solid var(--block-border)
-  border-radius: 6px
-  display: flex
-  flex-wrap: wrap
-  &::-webkit-scrollbar
-    display: none
-  &::-webkit-scrollbar-track-piece
-    background: transparent
-  &::-webkit-scrollbar-thumb
-    display: none
-  a.nav-item
-    text-overflow: ellipsis
-    word-break: keep-all
-    margin: 1px
-    border-radius: 4px
-    font-size: $fs-14
-    font-weight: 500
-    overflow: hidden
-    padding: 0.375rem 0.5rem
-    color: var(--text-p3)
-    text-align: center
-    &.active, &:hover
-      color: var(--text-p1)
-      background: var(--card)
-      box-shadow: $boxshadow-button
-
-.l_left .menu a.nav-item
-  flex-grow: 1
-
-
 .logo-wrap
   display: flex
   align-items: center
   overflow: hidden
+  min-height: 48px
+  img
+    object-fit: cover
+  .icon
+    width: 48px
+    height: 48px
+    margin-right: 1rem
+    border-radius: 4px
   a
     color: inherit
     display: flex
@@ -46,10 +17,10 @@ nav.menu
   a.avatar
     display: block
     position: relative
-    width: 50px
-    height: 50px
+    width: 48px
+    height: 48px
     flex-shrink: 0
-    border-radius: 50px
+    border-radius: 48px
     overflow: hidden
     margin-right: 1rem
     div.bg
@@ -58,7 +29,6 @@ nav.menu
       background-size: cover
     img.avatar
       margin: 2px
-      object-fit: cover
       width: "calc(100% - 2 * %s)" % @margin
       height: "calc(100% - 2 * %s)" % @margin
       border-radius: @width

package/source/css/_layout/sidebar/menu.styl

@@ -0,0 +1,53 @@
+.nav-area .menu
+  width: 100%
+  display: grid
+  margin: 8px 0
+  grid-template-columns: repeat(hexo-config('menubar.columns'), 1fr)
+  grid-gap: 8px
+  &::-webkit-scrollbar
+    display: none
+  &::-webkit-scrollbar-track-piece
+    background: transparent
+  &::-webkit-scrollbar-thumb
+    display: none
+  
+  .nav-item
+    box-sizing: border-box
+    width: 100%
+    min-height: 40px
+    border-radius: $border-bar
+    font-size: $fs-15
+    font-weight: 500
+    color: var(--text-p3)
+    text-align: center
+    background: var(--alpha50)
+    trans1 background
+    position: relative
+    display: flex
+    flex-direction: column
+    align-items: center
+    justify-content: center
+    img,svg
+      height: 28px
+      object-fit: contain
+      filter: grayscale(100%) brightness(0.8) opacity(0.8)
+      trans1 all
+    span
+      text-overflow: ellipsis
+      word-break: keep-all
+    &.active, &:hover
+      color: var(--text-p1)
+      background: var(--alpha100)
+      img,svg
+        filter: unset
+    &.active:after
+      content: ''
+      position absolute
+      width: 16px
+      height: 2px
+      left: 50%
+      transform: translateX(-50%)
+      border-radius: 2px
+      bottom: 2px
+      background: var(--text-p1)
+

package/source/css/_layout/sidebar/nav-area.styl

@@ -0,0 +1,2 @@
+.nav-area
+  margin: 32px var(--gap-l) 0

package/source/css/_layout/{widgets → sidebar}/search.styl

@@ -1,105 +1,106 @@
-.widgets .widget-wrapper.search
-  margin-bottom: 0
 
 .search-wrapper
   width: 100%
   >.search-form
     position: sticky
+    margin-bottom: 8px
     top: 1rem
+    height: 40px
     display: flex
     flex-direction: row
     align-items: center
     transition: 0.38s ease-out
     z-index: 0
+    border-radius: $border-bar
+    color: var(--text-p0)
+    background: var(--alpha50)
+    &:has(input:focus)
+      background: var(--alpha100)
   .search-input
     width: 100%
-    padding: 0.5rem 0
-    line-height: 1.5
+    line-height: 16px
     box-sizing: border-box
     font-family: $ff-body
     font-size: $fs-13
+    padding: 12px 0
     color: var(--text-p0)
+  .search-button 
+    border-radius: $border-bar
+    line-height: 40px
+  .search-icon
+    width: 44px
+    margin-left: 4px
+    color: var(--text-p2)
+    margin-bottom: 2px
+    path[p-id="1562"]
+      color: $color-theme
     
-  
+  &[searching='true']
+    .search-icon
+      path[p-id="1562"]
+        color: $c-green
   &.noresult[searching='true']
     .search-icon
       path[p-id="1562"]
         color: $c-red
-    .search-form
-      border: 1px solid $c-red
 
   .search-no-result
     display: none
-    margin: 1em auto
     color: var(--text-p1)
     text-align: center
     font-size: $fs-14
     padding: 2rem
-    background: var(--block)
-    border-radius: $border-bar
+    background: var(--alpha20)
+    border-radius: $border-card
+
 
   #search-result
-    ul.search-result-list
+    max-height: 60vh
+    overflow: scroll
+    scrollbar-width: none
+    scrollbar(0, 0)
+    border-radius: $border-card
+    &:empty
+      display: none
+    .search-result-list
       padding: 0
       margin: 0
       list-style-type: none
-    li
-      margin: 1em auto
-      &:hover
-        .search-result-title
-          color: $color-hover
+    li a
+        display: block
+        background: var(--alpha20)
+        line-height: 1.2
+        padding: 0.75rem 1rem
+        border-radius: $border-card
+        trans1 background
+        &:hover
+          background: var(--alpha100)
+    li+li
+        margin-top: 8px
     .search-result-title
       color: var(--text-p1)
       font-weight: 700
-      line-height: 1.2
 
     .search-result-content
       overflow: hidden
       color: var(--text-p3)
-      margin: .4em auto
+      margin: 4px 0 0
       max-height: 13em
       text-align: justify
       font-size: $fs-12
-      line-height: 1.2
       display: -webkit-box
       -webkit-box-orient: vertical
       overflow: hidden
-      -webkit-line-clamp: 3
+      -webkit-line-clamp: 2
 
     .search-keyword
-      border-bottom: 1px dashed $color-hover
-      color: $color-hover
+      color: $c-red
+      border-bottom: 1px dashed $c-red
       font-weight: bold
-
+      filter grayscale(25%)
 
 
 .search-wrapper.noresult[searching='true']
   .search-no-result
     display: block
-
-.widget-wrapper
-  .search-form
-    top: 0
-    background: var(--card)
-    border: 1px solid var(--block-border)
-    border-radius: $border-bar
-  .search-input
-    text-indent: 0.75rem
-    padding-right: 2rem
-  .search-icon 
-    margin: 2px
-    position absolute
-    right: 0
-    pointer-events: none
-    color: var(--text-p2)
-    padding: 0.5rem
-    border-radius: 'calc(%s - 2px)' % $border-bar
-    path[p-id="1562"]
-      color: $color-theme
-    
-  #search-result,.search-no-result
-    margin-top: 1rem
-
-.widget-wrapper:not(:first-child)
-  .search-wrapper
-    margin-top: -1rem
+    margin-bottom: 8px

package/source/css/_layout/sidebar/sidebar.styl

@@ -1,39 +1,29 @@
 .l_left
-  display: flex
-  flex-direction: column
-  word-break: break-all
-  text-align: justify
-  height: 100vh
+  margin: 8px
+  height: 'calc(%s - 16px)' % 100vh
+  border-radius: $border-card
+  overflow: hidden
   .header
     margin: var(--gap-l) var(--gap-l) 0
     margin-top: "calc(2 * %s)" % var(--gap-l)
   @media screen and (min-width: $device-mobile-max)
     >.widgets:first-child>.widget-wrapper:first-child
       margin-top: "calc(2 * %s)" % var(--gap-l)
-  @media screen and (max-width: $device-mobile-max)
-    height: 100vh
   
-
-.l_left[layout=wiki]
-  padding-bottom: 0
-  height: 100vh
-  @media screen and (max-width: $device-mobile-max)
-    height: 100vh
-  .widgets >:last-child
-    margin-bottom: 6rem
-
-
-.l_left .widgets .widget-wrapper.logo-wrap.wiki .widget-body
-  display: flex
-  margin-bottom: 1.5rem
-  flex-direction: column
-  align-items: flex-start
-  a.wiki-home
-    margin-bottom: 0.5rem
-    color: var(--text-p1)
-    svg
-      margin-right: 2px
-    &:hover
-      color: $color-hover
-      filter: unset !important
-
+.l_left
+  background-size: cover
+  if hexo-config('style.sidebar.background')
+    background-image: convert(hexo-config('style.sidebar.background'))
+  .sidebar-container
+    height: 100%
+    display: flex
+    flex-direction: column
+    word-break: break-all
+    text-align: justify
+  .sidebar-blur
+    --blur-px: 100px
+    --blur-bg: var(--sidebar-bg)
+    @supports ((-webkit-backdrop-filter:blur(var(--blur-px))) or (backdrop-filter:blur(var(--blur-px))))
+      background: var(--blur-bg)
+      backdrop-filter: saturate(240%) blur(var(--blur-px))
+      -webkit-backdrop-filter: saturate(240%) blur(var(--blur-px))

package/source/css/_layout/tag-plugins/banner.styl

@@ -111,14 +111,13 @@
     img.bg
      transform: scale(1.01)
 
-.l_main.list .tag-plugin.banner
-  background: var(--block-hover)
-  .content .top
-    margin-top: 1.5rem
-  margin: 0 1rem
-  @media screen and (max-width: $device-mobile)
-    margin: 0
-    border-radius: 0
-
 .tag-plugin.banner .navbar a.active
-  blur-effect()
+  blur-effect()
+
+
+.tag-plugin.banner.author
+  @media screen and (min-width: $device-mobile-max)
+    margin-left: var(--gap-l)
+    margin-right: var(--gap-l)
+  @media screen and (max-width: $device-mobile-max)
+    border-radius: 0

package/source/css/_layout/tag-plugins/okr.styl

@@ -2,7 +2,6 @@
   position: relative
   border-radius: $border-block
   background: var(--theme-block)
-  border: 1px solid var(--theme-border)
   if hexo-config('tag_plugins.okr.border') == true
     border: 1px solid var(--theme-border)
   overflow: hidden

package/source/css/_layout/tag-plugins/tabs.styl

@@ -82,7 +82,7 @@
   .tab-content:has(.grid-box)
     width: 100%
 
-.md-text.indent .tag-plugin.tabs .tab-content p:not([class])
-  text-indent: 'calc(%s * 2)' % $fs-p
+.l_body[text-indent] .md-text .tag-plugin.tabs .tab-content p:not([class])
+  text-indent: 'calc(%s * 2)' % var(--fs-p)
   a
     text-indent: 0

package/source/css/_layout/tag-plugins/toc.styl

@@ -1,7 +1,7 @@
 details.toc
   background: var(--block)
   border: 1px solid var(--block-border)
-  border-radius: $border-bar
+  border-radius: $border-card
   overflow: hidden
   color: var(--text-p2)
   summary

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

@@ -0,0 +1,49 @@
+.widget-body .linklist
+  display: grid
+  grid-gap: 8px
+
+.linklist .link
+  border-radius: $border-bar
+  color: var(--text-p2)
+  min-height: 32px
+  padding: 0 4px
+  trans1 background
+  display: flex
+  justify-content: center
+  align-items: center
+  txt-ellipsis()
+  &.active
+    background: var(--alpha50)
+    svg,img
+      filter: unset
+
+.linklist .link span
+  padding: 0 4px
+  txt-ellipsis()
+.linklist .link svg, .linklist .link img
+  $size = 16px
+  padding: 0 2px
+  &:not([class='active-icon'])
+    color: $color-theme
+  max-height: 18px
+  width: auto
+  filter: grayscale(100%) brightness(0.8) opacity(0.8)
+  trans1 filter
+  flex-shrink: 0
+
+.widget-body .linklist.left
+  grid-gap: 2px
+.linklist.left .link
+  justify-content: space-between
+  padding: 0 16px
+  img,svg 
+    width: 1em
+    height: 1em
+    transform: scale(1.2)
+  span 
+    padding: 0 8px
+
+.linklist .link:hover
+  background: var(--alpha100)
+  svg  
+    filter: unset

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

@@ -6,7 +6,6 @@
     background: var(--card)
     border-radius: $border-block
     box-shadow: $boxshadow-card
-    hover-float()
     >div+div
       margin-top: 0.5rem
     span

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

@@ -48,29 +48,6 @@
     &:hover
       background: $color-hover
 
-  .menu 
-    margin-bottom: 0
-    background: none
-    border: 0
-    a
-      margin: 0
-      &.active 
-        box-shadow: none
-        position: relative
-        background: none
-        &:after
-          content: ''
-          position: absolute
-          height: 3px
-          bottom: 0
-          width: 32px
-          left: 'calc(50% - 0.5 * %s)' % @width
-          border-radius: 4px
-          background: $color-theme
-      &:hover 
-        box-shadow: none 
-        background: var(--block)
-
   .buttons
     margin: 1rem 0
     align-self: stretch

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

@@ -0,0 +1,28 @@
+.widget-wrapper.post-list .widget-body
+  margin-top: 0.25rem
+  a
+    line-height: 1
+    font-size: $fs-14
+    padding: 8px 16px
+    display: block
+    border-radius: $border-bar
+    color: var(--text-p1)
+    trans1 background
+    &.active
+      background: var(--alpha50)
+    &:hover
+      background: var(--alpha100)
+  a+a
+    margin-top: 2px
+  a  
+    display: flex
+    justify-content: space-between
+    align-items: center
+    .title
+      txt-ellipsis()
+    svg
+      flex-shrink: 0
+      height: 1em
+      width: auto
+      transform: scale(1.2)
+    

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

@@ -0,0 +1,20 @@
+.widget-wrapper.markdown
+  .widget-body
+    border-radius: $border-card
+    padding: 4px 16px
+    background: var(--alpha50)
+
+    a:not([class])
+      trans1 all
+      border-bottom: 1px solid var(--text-p0)
+      color: var(--text-p0)
+      &:hover
+        color: $color-hover
+        border-bottom: 1px solid $color-hover
+
+.widget-wrapper.markdown .linklist
+  margin: 1em 0
+  .link
+    background: var(--alpha50)
+  .link:hover
+    background: var(--alpha100)