hexo-theme-stellar 1.19.0 → 1.20.0

package/source/css/_plugins/mermaid.styl

@@ -1,10 +1,125 @@
-pre.mermaid {
-  display: inline-block;
-  width: 100%;
-  text-align: center;
-}
-
-.mermaid svg {
-  width: 100%;
-  display: inline-block;
-}
+pre.mermaid
+  display: inline-block
+  width: 100%
+  text-align: center
+  font-family: $ff-body
+
+.mermaid svg 
+  width: 100%
+  display: inline-block
+
+
+.mermaid svg
+  width: 100%
+  display: inline-block
+
+.mermaid span,text
+  font-family: $ff-body
+
+.mermaid .edgeLabel
+  padding: 4px
+  background-color: var(--site-bg) !important
+
+.mermaid rect.basic.label-container
+  stroke: var(--block-border) !important
+  fill: var(--block) !important
+  
+set_mermaid_darkmode()
+  .mermaid 
+    fill: #ccc !important
+  
+
+  .mermaid .error-icon 
+    fill: #a44141 !important
+  
+
+  .mermaid .error-text 
+    fill: #ddd !important
+    stroke: #ddd !important
+  
+
+  .mermaid .marker 
+    fill: lightgrey !important
+    stroke: lightgrey !important
+  
+
+  .mermaid .marker.cross 
+    stroke: lightgrey !important
+  
+
+  .mermaid .label 
+    color: #ccc !important
+  
+
+  .mermaid .cluster-label text 
+    fill: #F9FFFE !important
+  
+
+  .mermaid .cluster-label span 
+    color: #F9FFFE !important
+  
+
+  .mermaid .label text,
+  .mermaid span 
+    fill: #ccc !important
+    color: #ccc !important
+  
+
+  .mermaid .node rect,
+  .mermaid .node circle,
+  .mermaid .node ellipse,
+  .mermaid .node polygon,
+  .mermaid .node path 
+    fill: #1f2020 !important
+    stroke: #81B1DB !important
+  
+
+  .mermaid .arrowheadPath 
+    fill: lightgrey !important
+  
+
+  .mermaid .edgePath .path 
+    stroke: lightgrey !important
+  
+
+  .mermaid .flowchart-link 
+    stroke: lightgrey !important
+  
+
+  .mermaid .edgeLabel 
+    background-color: hsl(0, 0%, 34.4117647059%) !important
+  
+
+  .mermaid .edgeLabel rect 
+    background-color: hsl(0, 0%, 34.4117647059%) !important
+    fill: hsl(0, 0%, 34.4117647059%) !important
+  
+
+  .mermaid .cluster rect 
+    fill: hsl(180, 1.5873015873%, 28.3529411765%) !important
+    stroke: rgba(255, 255, 255, 0.25) !important
+  
+
+  .mermaid .cluster text 
+    fill: #F9FFFE !important
+  
+
+  .mermaid .cluster span 
+    color: #F9FFFE !important
+  
+
+  .mermaid div.mermaidTooltip 
+    background: hsl(20, 1.5873015873%, 12.3529411765%) !important
+    border: 1px solid rgba(255, 255, 255, 0.25) !important
+  
+
+  .mermaid .flowchartTitleText 
+    fill: #ccc
+  
+
+if hexo-config('style.darkmode') == 'auto'
+  @media (prefers-color-scheme: dark)
+    set_mermaid_darkmode()
+
+if hexo-config('style.darkmode') == 'always'
+  set_mermaid_darkmode()

package/source/js/main.js

@@ -126,7 +126,7 @@ const init = {
               highlightItem.addClass("active")
               const e0 = document.querySelector('.widgets')
               const e1 = document.querySelector('#data-toc a.toc-link[href="' + encodeURI(link) + '"]')
-              const offsetBottom = e1.getBoundingClientRect().bottom - e0.getBoundingClientRect().bottom + 100
+              const offsetBottom = e1.getBoundingClientRect().bottom - e0.getBoundingClientRect().bottom + 200
               const offsetTop = e1.getBoundingClientRect().top - e0.getBoundingClientRect().top - 64
               if (offsetTop < 0) {
                 e0.scrollBy(0, offsetTop)

package/source/js/plugins/copycode.js

@@ -26,12 +26,10 @@ codeElementArr.forEach(code => {
 })
 
 async function copyCode(currentCode) {
-  // console.log(currentCode)
-  // console.log('复制代码')
   if (navigator.clipboard) {
     try {
       await navigator.clipboard.writeText(currentCode)
-      } catch (error) {
+    } catch (error) {
       // 未获得用户许可
       codeCopyBtn.innerText = '未获得用户许可'
       codeCopyBtn.classList.add('warning')

package/source/js/plugins/linkcard.js

@@ -42,7 +42,7 @@ function setCardLink(nodes) {
     }).then(function(data) {
       renderer(el, data);
     }).catch(function(error) {
-      console.log(error);
+      console.error(error);
     });
   })
 }

package/scripts/tags/lib/tag.js

@@ -1,35 +0,0 @@
-/**
- * tag.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% tag text href [color:color] %}
- *
- */
-
-'use strict'
-
-const tag_colors = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'purple']
-var tag_index = 0
-
-module.exports = ctx => function(args) {
-  args = ctx.args.map(args, ['color'], ['text', 'href'])
-  if (args.color == null) {
-    const default_color = ctx.theme.config.tag_plugins.tag?.default_color
-    if (default_color) {
-      args.color = default_color
-    } else {
-      args.color = tag_colors[tag_index]
-      tag_index += 1
-      if (tag_index >= tag_colors.length) {
-        tag_index = 0
-      }
-    }
-  }
-  var el = ''
-  el += '<a class="tag-plugin tag"'
-  el += ' ' + ctx.args.joinTags(args, ['color', 'href']).join(' ')
-  el += '>'
-  el += args.text
-  el += '</a>'
-  return el
-}

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

@@ -1,13 +0,0 @@
-.md-text .tag-plugin.tag
-  padding: 0px 4px
-  border-radius: 2px
-  background: var(--theme-bg1)
-  color: var(--text-p2)
-  margin: 2px 0
-  display: inline-block
-  font-size: $fs-14
-  trans2 background color
-  &:hover
-    background: var(--text-p2)
-    color: var(--theme-bg1)
-