hexo-theme-stellar 1.32.1 → 1.32.2

package/source/css/_plugins/tianli_gpt.styl

@@ -1,7 +1,7 @@
 :root
   --ai-font-color var(--text-p2)
   --ai-post-bg var(--block)
-  --ai-content-bg var(--site-bg)
+  --ai-content-bg var(--background)
   --ai-content-border 1px solid var(--block-border)
   --ai-border 1px solid var(--block-border)
   --ai-tag-bg var(--card)
@@ -100,7 +100,7 @@
   cursor pointer
 
 #post-ai .ai-btn-item:hover
-  background var(--theme-link)
+  background var(--link)
 
 #post-ai .ai-recommend
   display flex
@@ -112,9 +112,9 @@
   margin-top 2px
 
 #post-ai .ai-recommend-item a
-  border-bottom 2px solid var(--theme-link)
+  border-bottom 2px solid var(--link)
   padding 0 .2em
-  color var(--theme-link)
+  color var(--link)
   font-weight 700
   text-decoration none
   transition all 0.3s
@@ -124,8 +124,8 @@
   -o-transition all 0.3s
 
 #post-ai .ai-recommend-item a:hover
-  background-color var(--theme-link)
-  border-bottom 2px solid var(--theme-link)
+  background-color var(--link)
+  border-bottom 2px solid var(--link)
   color #fff
   border-radius 5px
 
@@ -159,7 +159,7 @@
   opacity 0
 
 #post-ai .ai-Toggle:hover
-  background $color-theme
+  background var(--theme)
 
 #post-ai .ai-speech-box
   width 21px
@@ -193,7 +193,7 @@
   transition .3s
 
 #post-ai .ai-speech-box:hover .ai-speech-content
-  background $color-theme
+  background var(--theme)
 
 @keyframes ai_breathe
   0%

package/source/css/main.styl

@@ -5,7 +5,8 @@
 @import '_custom'
 
 // 含自定义参数的常量以及函数
-@import '_defines/theme'
+@import '_defines/theme_base'
+@import '_defines/theme_colorful'
 @import '_defines/func'
 
 // 通用组件

package/source/js/services/friends.js

@@ -26,6 +26,7 @@ utils.jq(() => {
           cell += `</div>`;
           $(el).find('.grid-box').append(cell);
         }
+        window.wrapLazyloadImages(el);
       });
     }
   });

package/source/js/services/friends_and_posts.js

@@ -52,6 +52,7 @@ utils.jq(() => {
           cell += `</div>`;
           $(el).find('.grid-box').append(cell);
         }
+        window.wrapLazyloadImages(el);
       });
     }
   });

package/source/js/services/sites.js

@@ -36,6 +36,7 @@ utils.jq(() => {
           cell += `</div>`;
           $(el).find('.grid-box').append(cell);
         }
+        window.wrapLazyloadImages(el);
       });
     }
   });

package/source/js/services/timeline.js

@@ -101,6 +101,7 @@ utils.jq(() => {
           cell += '</div>';
           $(el).append(cell);
         });
+        window.wrapLazyloadImages(el);
       });
     }
   });

package/layout/_plugins/lazyload.ejs

@@ -1,21 +0,0 @@
-<script defer src="<%- conf.js %>"></script>
-<script>
-  // https://www.npmjs.com/package/vanilla-lazyload
-  // Set the options globally
-  // to make LazyLoad self-initialize
-  window.lazyLoadOptions = {
-    elements_selector: ".lazy",
-  };
-  // Listen to the initialization event
-  // and get the instance of LazyLoad
-  window.addEventListener(
-    "LazyLoad::Initialized",
-    function (event) {
-      window.lazyLoadInstance = event.detail.instance;
-    },
-    false
-  );
-  document.addEventListener('DOMContentLoaded', function () {
-    window.lazyLoadInstance?.update();
-  });
-</script>

package/source/css/_components/tag-plugins/common.styl

@@ -1,120 +0,0 @@
-set_text_white()
-  --text: white
-  --text-p1: white
-  --text-p2: hsl(0 0 88%)
-  --text-p3: #ddd
-  --text-code: white
-set_text_black()
-  --text: black
-  --text-p1: #111
-  --text-p2: hsl(0 0 12%)
-  --text-p3: #555
-  --text-code: white
-
-set_dynamic_color($theme)
-  --theme: $theme
-  --theme-border: hsl(hue($theme), 50, 80)
-  --theme-block: hsl(hue($theme), 90, 92)
-  --theme-mark: hsl(hue($theme), 95, 80)
-  --theme-codeblock: hsl(hue($theme), 50, 95)
-  --text: hsl(hue($theme), 55, 16)
-  --text-p1: hsl(hue($theme), 55, 20)
-  --text-p2: hsl(hue($theme), 90, 24)
-
-.tag-plugin
-  --theme: var(--text-p1)
-  --theme-border: var(--block-border)
-  --theme-block: var(--block)
-  --theme-mark: var(--theme-block)
-  --theme-codeblock: var(--block)
-
-.colorful[color='red']
-  set_dynamic_color($c-red)
-.colorful[color='orange']
-  set_dynamic_color($c-orange)
-.colorful[color='amber']
-  set_dynamic_color($c-amber)
-.colorful[color='yellow']
-  set_dynamic_color($c-yellow)
-.colorful[color='green']
-  set_dynamic_color($c-green)
-.colorful[color='cyan']
-  set_dynamic_color($c-cyan)
-.colorful[color='blue']
-  set_dynamic_color($c-blue)
-.colorful[color='purple']
-  set_dynamic_color($c-purple)
-.colorful[color='theme']
-  set_dynamic_color($color-theme)
-.colorful[color='accent']
-  set_dynamic_color($color-accent)
-
-.colorful[color='light']
-  --theme-block: white
-  set_text_black()
-
-.colorful[color='dark']
-  --theme-block: #333
-  set_text_white()
-
-.colorful[color='warning']
-  --theme: $c-yellow
-  --theme-border: #ffe659
-  --theme-block: #ffe659
-  --theme-link: #ff453a
-
-.colorful[color='error']
-  --theme: $c-yellow
-  --theme-border: #ff453a
-  --theme-block: #ff453a
-  --theme-link: #ffe659
-  set_text_white()
-
-_dark_tags()
-  set_dynamic_color($theme)
-    --theme: $theme
-    --theme-border: hsl(hue($theme), 50, 24)
-    --theme-block: hsl(hue($theme), 24, 24)
-    --theme-mark: hsl(hue($theme), 24, 24)
-    --theme-codeblock: hsl(hue($theme), 12, 18)
-    --text: hsl(hue($theme), 100, 80)
-    --text-p1: hsl(hue($theme), 50, 72)
-    --text-p2: hsl(hue($theme), 80, 64)
-  .tag-plugin.tag
-    set_dynamic_color($color-theme)
-  .colorful[color='red']
-    set_dynamic_color($c-red)
-  .colorful[color='orange']
-    set_dynamic_color($c-orange)
-  .colorful[color='amber']
-    set_dynamic_color($c-amber)
-  .colorful[color='yellow']
-    set_dynamic_color($c-yellow)
-  .colorful[color='green']
-    set_dynamic_color($c-green)
-  .colorful[color='cyan']
-    set_dynamic_color($c-cyan)
-  .colorful[color='blue']
-    set_dynamic_color($c-blue)
-  .colorful[color='purple']
-    set_dynamic_color($c-purple)
-  .colorful[color='light']
-    --theme-border: white
-    --theme-block: #fff
-    set_text_black()
-
-  .colorful[color='dark']
-    --theme-border: black
-    --theme-block: #111
-    set_text_white()
-
-  .colorful[color='warning'],.colorful[color='light']
-    set_text_black()
-
-
-:root[data-theme="dark"]
-  _dark_tags()
-:root:not([data-theme])
-  @media (prefers-color-scheme: dark)
-    _dark_tags()
-

package/source/css/_defines/theme.styl

@@ -1,120 +0,0 @@
-// 通用 hsla 函数
-hsla-var(h = var(--hue), s = var(--sat), l = var(--light), a = 1)
-  return unquote('hsla(%s, %s, %s, %s)' % (h s l a))
-
-// Deprecated function. Keep for compatibility.
-theme($t)
-  convert(hexo-config('style.prefers_theme')) == $t
-
-$color-background-h = hue($color-background)
-$color-background-s = saturation($color-background)
-$color-background-l = lightness($color-background)
-
-$color-block-h = hue($color-block)
-$color-block-s = saturation($color-block)
-$color-block-l = lightness($color-block)
-
-$color-code-h = hue($color-code)
-$color-code-s = saturation($color-code)
-$color-code-l = lightness($color-code)
-
-$color-text-h = hue($color-text)
-$color-text-s = saturation($color-text)
-$color-text-l = lightness($color-text)
-
-_dark_text()
-  --text: hsl($color-text-h, $color-text-s, 0)
-  --text-p1: hsl($color-text-h, $color-text-s, $color-text-l)
-  --text-p2: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 0.75)
-  --text-p3: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 1.25)
-  --text-p3-opa: hsla($color-text-h, $color-text-s, $color-text-l / 0.5 * 1.25, 0.3)
-  --text-p4: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 1.5)
-  --text-meta: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 2)
-  --text-code: hsl($color-code-h, $color-code-s, $color-code-l)
-
-_light_text()
-  --text: hsl($color-text-h, $color-text-s, 100)
-  --text-p1: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 0.5)
-  --text-p2: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 0.75)
-  --text-p3: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.2)
-  --text-p3-opa: hsla($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.2, 0.3)
-  --text-p4: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.4)
-  --text-meta: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.75)
-  --text-code: hsl($color-code-h, $color-code-s, (100 - $color-code-l) * 1.2)
-
-_common_root()
-  :root
-    --theme-link: $color-link
-    --theme-color: $color-theme
-    --theme-color-opa: $color-theme-opa
-    // new
-    --hue: 50
-    --sat: 90%
-    --light: 80%
-    --dynamic-color: hsla-var()
-
-_light_root()
-  --site-bg: hsl($color-background-h, $color-background-s, $color-background-l)
-  --card: hsl($color-block-h, $color-block-s, 100)
-  --block: hsla(black, 0.04)
-  --block-border: hsla(black, 0.08)
-  --theme-link-opa: rgba($color-link, 0.2)
-  --leftbar-bg: hsl($color-block-h, $color-block-s, 90)
-  --alpha20: rgba(white, 0.2)
-  --alpha50: rgba(white, 0.5)
-  --alpha60: rgba(white, 0.6)
-  --alpha75: rgba(white, 0.75)
-  --alpha100: white
-  // chat 标签
-  --chat-bg:     #f1f2f5
-  --chat-block:  #ffffff
-  --chat-border: #f2f2f2
-  --chat-qq-right-bg: #0099FF
-  --chat-qq-right-text: #ffffff
-  --chat-wechat-news-num: #d8dadf
-  --chat-video-button: #ffffffE6
-  --chat-wechat-right-bg: #91ED61
-  --chat-quote-blink-color: #185c6d1a
-  --chat-wechat-quote-color: #808080
-  --chat-wechat-quote-bg: #8080801a
-  _dark_text()
-
-_dark_root()
-  --site-bg: hsl($color-background-h, $color-background-s * 0.5, (100 - $color-background-l) * 2 + 8)
-  --card: hsl($color-block-h, $color-block-s * 1.2, 16)
-  --block: hsl($color-block-h, $color-block-s, 20)
-  --block-border: hsl($color-block-h, $color-block-s, 24)
-  --theme-link-opa: rgba($color-link, 0.4)
-  --leftbar-bg: hsl($color-block-h, $color-block-s, 24)
-  --alpha20: rgba(black, 0.2)
-  --alpha50: rgba(black, 0.5)
-  --alpha60: rgba(black, 0.6)
-  --alpha75: rgba(black, 0.75)
-  --alpha100: black
-  // chat 标签
-  --chat-bg:     #1f2224  // #111111
-  --chat-block:  #25282a  // #191919
-  --chat-border: #303437  // #222222
-  --chat-qq-right-bg: #0099ff80
-  --chat-qq-right-text: #ffffff99
-  --chat-wechat-news-num: #25282a
-  --chat-video-button: #25282ad9  // #191919E6
-  --chat-wechat-right-bg: hsl(hue($c-green), 25, 25)
-  --chat-quote-blink-color: #185c6d26
-  --chat-wechat-quote-color: #858585
-  --chat-wechat-quote-bg: #8585851a
-  _light_text()
-  @media screen and (max-width: $device-mobile-max)
-    --site-bg: black
-
-_common_root()
-
-:root[data-theme="light"]
-  _light_root()
-:root[data-theme="dark"]
-  _dark_root()
-:root:not([data-theme])
-  _light_root()
-  @media (prefers-color-scheme: dark)
-    _dark_root()
-