hexo-theme-solitude 1.5.0 → 1.5.2

package/layout/includes/widgets/page/equipment/content.pug

@@ -20,4 +20,4 @@
                                         else
                                             a.equipment-item-content-item-link(href=item.link, target="_blank") 查看文章
                                         a.bber-reply(onclick=`sco.toTalk('${item.description}')`)
-                                            i.scoicon.sco-chat-fill(style="font-size: 1rem;")
+                                            i.solitude.st-chat-fill(style="font-size: 1rem;")

package/layout/includes/widgets/page/links/banner.pug

@@ -5,11 +5,11 @@
 .banner-button-group
     if theme.footer.randomlink
         a.banner-button.secondary(onclick="travelling()")
-            i.scoicon.sco-signal-tower-fill
+            i.solitude.st-signal-tower-fill
             span.banner-button-text 随机访问
     a.banner-button(onclick="sco.scrollToComment()")
-        i.scoicon.sco-right-btn-fill
-        span.scoicon.banner-button-text 申请友链
+        i.solitude.st-right-btn-fill
+        span.solitude.banner-button-text 申请友链
 
 .tags-group-all.nowrapMove
     .tags-group-wrapper

package/layout/includes/widgets/page/moments/angle.pug

@@ -2,7 +2,7 @@
     .title-h2-a-left
         h2(style="padding-top: 0;margin:0.6rem 0 0.6rem;") 🎣 钓鱼
         a#random-post-start(href="javascript:fetchRandomPost();", style="transition-duration: 0.3s; transform: rotate(63000deg); opacity: 1;", data-pjax-state="")
-            i.scoicon.sco-restart-line
+            i.solitude.st-restart-line
     .title-h2-a-right
         if page.type !== 'links'
             a.random-post-all(href="/links/", data-pjax-state="") 全部友链

package/layout/includes/widgets/post/award.pug

@@ -1,6 +1,6 @@
 .post-reward(onclick="AddRewardMask()")
     .reward-button(title="赞赏作者")
-        i.scoicon.sco-hand-heart-fill
+        i.solitude.st-hand-heart-fill
         | 打赏作者
     .reward-main
         ul.reward-all

package/layout/includes/widgets/post/copyright.pug

@@ -14,7 +14,7 @@
             if theme.post.rss
                 .reward-link.mode
                     a.reward-link-button(href=url_for(theme.post.rss), title="订阅")
-                        i.scoicon.sco-plant-fill
+                        i.solitude.st-plant-fill
                         | 订阅
     if theme.post.default.copyright.enable || page.copyright
         .post-copyright__notice

package/layout/includes/widgets/post/post-ai.pug

@@ -1,7 +1,7 @@
 .post-ai
     .ai-title
         .ai-title-left
-            i.ai-title-icon.scoicon.sco-robot-fill
+            i.ai-title-icon.solitude.st-robot-fill
             .ai-title-text 文章摘要
         .ai-tag#ai-tag= theme.post_ai.modelName
     .ai-explanation(style="display: block;")

package/layout/includes/widgets/post/postMeta.pug

@@ -18,49 +18,49 @@
         .meta-secondline
             if theme.post.meta.date
                 span.post-meta-date(title=_p('meta_posted') + ' ' + full_date(page.date))
-                    i.post-meta-icon.scoicon.sco-calendar-todo-fill
+                    i.post-meta-icon.solitude.st-calendar-todo-fill
                     time(datetime=date_xml(page.date))= date_xml(page.date)
             if theme.post.meta.updated
                 span.post-meta-date(title=_p('meta_updated') + ' ' + full_date(page.updated))
-                    i.post-meta-icon.scoicon.sco-refresh-line
+                    i.post-meta-icon.solitude.st-refresh-line
                     time(datetime=date_xml(page.updated))= date_xml(page.updated)
             if theme.wordcount
                 span.post-meta-wordcount
                     if theme.post.meta.wordcount
-                        i.post-meta-icon.scoicon.sco-word-fill(title=_p('post.meta_wordcount'))
+                        i.post-meta-icon.solitude.st-word-fill(title=_p('post.meta_wordcount'))
                         span.word-count= wordcount(page.content)
                     span.post-meta-separator
                     if theme.post.meta.readtime
-                        i.post-meta-icon.scoicon.sco-clock-fill(title=_p('post.meta_minread'))
+                        i.post-meta-icon.solitude.st-clock-fill(title=_p('post.meta_minread'))
                         span= min2read(page.content) + " min"
             if theme.post.meta.locate
                 span.post-meta-position(title=_p('post.meta_ip') + page.locate)
-                    i.post-meta-icon.scoicon.sco-map-pin-fill
+                    i.post-meta-icon.solitude.st-map-pin-fill
                     span= page.locate
             if theme.post.meta.pv
                 a.post-meta-pv(href=url_for(page.path), title=_p('post.meta_pv'))
-                    i.post-meta-icon.scoicon.sco-fire-fill
+                    i.post-meta-icon.solitude.st-fire-fill
                     if theme.comment.enable
                         case theme.comment.type
                             when "twikoo"
                                 span#twikoo_visitors
-                                    i.scoicon.sco-loading-line
+                                    i.solitude.st-loading-line
                             when "waline"
                                 span.waline-pageview-count
-                                    i.scoicon.sco-loading-line
+                                    i.solitude.st-loading-line
                     else if theme.busuanzi
                         span#busuanzi_value_page_pv
-                            i.scoicon.sco-loading-line
+                            i.solitude.st-loading-line
             if theme.post.meta.comment && page.comment
                 span.post-meta-commentcount(title=_p('post.meta_comment'), onclick="sco.scrollTo('post-comment')")
-                    i.scoicon.sco-chat-fill
+                    i.solitude.st-chat-fill
                     a(href=url_for(page.path) + "#post-comment")
                         case theme.comment.type
                             when "twikoo"
                                 span#twikoo-count
-                                    i.scoicon.sco-loading-line
+                                    i.solitude.st-loading-line
                             when "waline"
                                 span.waline-comment-count
-                                    i.scoicon.sco-loading-line
+                                    i.solitude.st-loading-line
 
 include ./wave

package/layout/includes/widgets/rightside/index.pug

@@ -1,74 +1,74 @@
 div#rightMenu
     div.rightMenu-group.rightMenu-small
         div.rightMenu-item#menu-backward
-            i.scoicon.sco-arrow-left-line
+            i.solitude.st-arrow-left-line
         div.rightMenu-item#menu-forward
-            i.scoicon.sco-arrow-right-line
+            i.solitude.st-arrow-right-line
         div.rightMenu-item#menu-refresh
-            i.scoicon.sco-restart-line
+            i.solitude.st-restart-line
         div.rightMenu-item#menu-top
-            i.scoicon.sco-arrow-up-line
+            i.solitude.st-arrow-up-line
     div.rightMenu-group.rightMenu-line.rightMenuPlugin
         div.rightMenu-item#menu-copytext
-            i.scoicon.sco-copy-fill
+            i.solitude.st-copy-fill
             span= _p('rightmenu.copytext')
         div.rightMenu-item#menu-pastetext
-            i.scoicon.sco-clipboard-fill
+            i.solitude.st-clipboard-fill
             span= _p('rightmenu.pastetext')
         if theme.comment.enable
             a.rightMenu-item#menu-commenttext
-                i.scoicon.sco-chat-new-fill
+                i.solitude.st-chat-new-fill
                 span= _p('rightmenu.commenttext')
         div.rightMenu-item#menu-newwindow
-            i.scoicon.sco-window-fill
+            i.solitude.st-window-fill
             span= _p('rightmenu.newwindow')
         div.rightMenu-item#menu-copylink
-            i.scoicon.sco-link-line
+            i.solitude.st-link-line
             span= _p('rightmenu.copylink')
         div.rightMenu-item#menu-copyimg
-            i.scoicon.sco-copy-fill
+            i.solitude.st-copy-fill
             span= _p('rightmenu.copyimg')
         div.rightMenu-item#menu-downloadimg
-            i.scoicon.sco-download-cloud-fill
+            i.solitude.st-download-cloud-fill
             span= _p('rightmenu.downloadimg')
         div.rightMenu-item#menu-search
-            i.scoicon.sco-search-line
+            i.solitude.st-search-line
             span= _p('rightmenu.search')
         div.rightMenu-item#menu-music-toggle
-            i.scoicon.sco-play-fill
+            i.solitude.st-play-fill
             span= _p('rightmenu.music.toggle')
         div.rightMenu-item#menu-music-back
-            i.scoicon.sco-skip-back-fill
+            i.solitude.st-skip-back-fill
             span= _p('rightmenu.music.back')
         div.rightMenu-item#menu-music-forward
-            i.scoicon.sco-skip-forward-fill
+            i.solitude.st-skip-forward-fill
             span= _p('rightmenu.music.forward')
         div.rightMenu-item#menu-music-playlist(onclick=`window.open('${theme.capsule.server === 'tencent' ? `https://y.qq.com/n/ryqq/playlist/${theme.capsule.id}` : `https://music.163.com/#/playlist?id=${theme.capsule.id}`}', '_blank');`)
-            i.scoicon.sco-play-list-2-line
+            i.solitude.st-play-list-2-line
             span= _p('rightmenu.music.playlist')
         div.rightMenu-item#menu-music-copyMusicName
-            i.scoicon.sco-copy-fill
+            i.solitude.st-copy-fill
             span= _p('rightmenu.music.copyMusicName')
     div.rightMenu-group.rightMenu-line.rightMenuOther
         a.rightMenu-item.menu-Link#menu-randomPost
-            i.scoicon.sco-signal-tower-fill
+            i.solitude.st-signal-tower-fill
             span= _p('rightmenu.randomPost')
         a.rightMenu-item.menu-link(href="/categories/")
-            i.scoicon.sco-checkbox-multiple-blank-fill
+            i.solitude.st-checkbox-multiple-blank-fill
             span= _p('rightmenu.categories')
         a.rightMenu-item.menu-link(href="/tags/")
-            i.scoicon.sco-price-tag-fill
+            i.solitude.st-price-tag-fill
             span= _p('rightmenu.tags')
     div.rightMenu-group.rightMenu-line.rightMenuOther
         div.rightMenu-item#menu-copy
-            i.scoicon.sco-external-link-fill
+            i.solitude.st-external-link-fill
             span= _p('rightmenu.copyaddress')
         if  theme.comment.enable && theme.comment.commentBarrage
             div.rightMenu-item#menu-commentBarrage
-                i.scoicon.sco-chat-fill
+                i.solitude.st-chat-fill
                 span.menu-commentBarrage-text= _p('rightmenu.commentBarrage')
         div.rightMenu-item#menu-darkmode
-            i.scoicon.sco-moon-clear-fill
+            i.solitude.st-moon-clear-fill
             case theme.display_mode.type
                 when 'auto'
                 when 'light'
@@ -79,9 +79,9 @@ div#rightMenu
             div.rightMenu-item#menu-translate
                 case theme.translate.defaultEncoding
                     when 2
-                        i.scoicon.sco-panben-line
+                        i.solitude.st-panben-line
                         span= _p('rightmenu.chs_to_cht')
                     when 1
-                        i.scoicon.sco-jianben-line
+                        i.solitude.st-jianben-line
                         span= _p('rightmenu.cht_to_chs')
 div#rightmenu-mask

package/layout/includes/widgets/third-party/comments/comment.pug

@@ -1,7 +1,7 @@
 #post-comment
     .comment-head
         .comment-headline
-            i.scoicon.sco-chat-fill
+            i.solitude.st-chat-fill
             span  评论
             span
         .comment-randomInfo

package/layout/includes/widgets/third-party/music.pug

@@ -1,3 +1,3 @@
 div.needEndHide#nav-music(onclick="sco.musicToggle()")
     div#nav-music-hoverTips=__('music.hit')
-    meting-js(id=theme.capsule.id, server=theme.capsule.server, type="playlist", mutex="true", preload="none", data-lrctype="0", order="random", theme="var(--sco-main)")
+    meting-js(id=theme.capsule.id, server=theme.capsule.server, type="playlist", mutex="true", preload="none", data-lrctype="0", order="random", theme="var(--st-main)")

package/layout/includes/widgets/third-party/search/algolia-search.pug

@@ -3,10 +3,10 @@
         .algolia-navbar
             .search-dialog__title#algolia-search-title=__('nav.search')
             .algolia-tips
-                i.scoicon.sco-algolia-fill
+                i.solitude.st-algolia-fill
                 span.algolia-tips-text='Algolia'
             span.search-close-button
-                i.scoicon.sco-close-fill
+                i.solitude.st-close-fill
         #algolia-input-panel
             #algolia-search-input
         #search-results

package/layout/includes/widgets/third-party/search/local-search.pug

@@ -3,7 +3,7 @@
         nav.search-nav
             span.search-dialog-title=__('nav.search')
             button.search-close-button
-                i.scoicon.sco-close-fill
+                i.solitude.st-close-fill
         div.search-wrap
             div.search-box
                 input.search-box-input#search-input(type="text", autocomplete="off", spellcheck="false", autocorrect="off", autocapitalize="off", placeholder=__('search.placeholder'))

package/layout/index.pug

@@ -4,13 +4,13 @@ block content
     #home_top
         if theme.says.home_mini
             include ./includes/widgets/home/bbTimeList
-        if theme.hometop.banner.enable && is_home_first_page()
+        if theme.hometop.enable && is_home_first_page()
             include ./includes/widgets/home/hometop
     main.layout#content-inner
         .recent-posts#recent-posts
             #category-bar
                 include ./includes/widgets/home/categoryBar
-            for post in page.posts.sort("-sticky" || "-date").data
+            for post, index in page.posts.sort("-sticky" || "-date").data
                 include ./includes/widgets/home/postList
 
             // pageination

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-solitude",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "description": "A beautiful, powerful, and efficient Hexo theme developed by the wleelw",
   "main": "package.json",
   "scripts": {
@@ -11,22 +11,22 @@
     "theme",
     "solitude",
     "Card UI Design",
-    "Wleelw",
+    "Efu",
     "hexo-theme-solitude"
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/wleelw/hexo-theme-solitude.git"
+    "url": "https://github.com/valor-x/hexo-theme-solitude.git"
   },
   "dependencies": {
     "hexo-renderer-stylus": "^3.0.0",
     "hexo-renderer-pug": "^3.0.0"
   },
   "bugs": {
-    "url": "https://github.com/wleelw/hexo-theme-solitude/issues",
-    "email": "me@wzsco.top"
+    "url": "https://github.com/valor-x/hexo-theme-solitude/issues",
+    "email": "o@efu.me"
   },
-  "homepage": "https://blog.wzsco.cn/",
-  "author": "Hexo-Theme-Solitude<me@wzsco.top>",
-  "license": "GNU"
-}
+  "homepage": "https://solitude-demo.efu.me/",
+  "author": "Hexo-Theme-Solitude<o@efu.me>",
+  "license": "MIT"
+}

package/plugins.yml

@@ -82,17 +82,9 @@ snackbar:
   name: node-snackbar
   file: dist/snackbar.min.js
   version: 0.1.16
-scoicon_css:
-  name: solitude-source
-  file: icon/scoicon.min.css
-  version: 1.0.5
-waterfall:
-  name: solitude-source
-  file: js/waterfall.min.js
-  version: 1.0.5
-universe_js:
-  name: solitude-source
-  file: js/universe.min.js
+solitude_css:
+  name: st-source
+  file: icon/solitude.min.css
   version: 1.0.5
 medium_zoom:
   name: medium-zoom
@@ -109,4 +101,8 @@ fancyapps_css:
 macy_js:
   name: macy
   file: dist/macy.min.js
-  version: 2.5.1
+  version: 2.5.1
+mermaid_js:
+  name: mermaid
+  file: dist/mermaid.min.js
+  version: 10.8.0

package/scripts/event/cdn.js

@@ -74,6 +74,16 @@ hexo.extend.filter.register('before_generate', () => {
             file: 'js/comment/waline_commentBarrage.js',
             version
         },
+        waterfall: {
+            name: 'hexo-theme-solitude',
+            file: 'js/waterfall.min.js',
+            version
+        },
+        universe_js: {
+            name: 'hexo-theme-solitude',
+            file: 'js/universe.min.js',
+            version
+        }
     }
 
     const minFile = file => {

package/scripts/event/welcome.js

@@ -9,6 +9,6 @@ hexo.on('ready', () => {
       ######  ####  ##### #####    #      ###   ######   ######
                             ${version}
   ===================================================================
-  GitHub: https://github.com/wleelw/hexo-theme-solitude
+  GitHub: https://github.com/valor-x/hexo-theme-solitude
   `)
 })

package/scripts/filter/lazyload.js

@@ -1,10 +1,9 @@
 const urlFor = require('hexo-util').url_for.bind(hexo)
 
 hexo.extend.filter.register('after_render:html', function (data) {
-    const config = hexo.theme.config.lazyload
-    if (!config.enable) return
+    if (!hexo.theme.config.lazyload.enable) return
     return data.replace(
-        /(<img(?!.*?class[\t]*=[\t]*['"].*?nolazyload.*?['"]).*?)( src=)/gi,
+        /(<img(?!.*?class\t*=\t*['"].*?nolazyload.*?['"]).*?)( src=)/gi,
         `$1 data-lazy-src=`
     )
 })

package/scripts/helper/related_post.js

@@ -36,7 +36,7 @@ hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
     relatedPosts.sort(compare('weight', dateType))
 
     let result = '<div class="relatedPosts">'
-    result += `<div class="headline"><i class="scoicon sco-star-smile-fill"></i><span>${headlineLang}</span><div class="relatedPosts-link"><a onclick="event.preventDefault(); toRandomPost();" href="javascript:void(0);" rel="external nofollow" data-pjax-state="">随便逛逛</a></div></div>`
+    result += `<div class="headline"><i class="solitude st-star-smile-fill"></i><span>${headlineLang}</span><div class="relatedPosts-link"><a onclick="event.preventDefault(); toRandomPost();" href="javascript:void(0);" rel="external nofollow" data-pjax-state="">随便逛逛</a></div></div>`
     result += '<div class="relatedPosts-list">'
 
     for (let i = 0; i < Math.min(relatedPosts.length, limitNum); i++) {

package/scripts/helper/stylus.js

@@ -22,9 +22,17 @@ hexo.extend.filter.register('stylus:renderer', function (style) {
 
     style.define('about', data && data.about ? Object.keys(data.about) : []);
 
-    let group = Object.keys(theme.config.hometop.group).map(key => {
+    initGroupColor(theme.config.hometop.group,style);
+});
+
+function initGroupColor(gg,style) {
+    if(gg === null || gg === undefined) {
+        style.define('banner_group', [])
+        return;
+    }
+    let group = Object.keys(gg).map(key => {
         return {
-            [key]: (theme.config.hometop.group[key]).split('||')[2]
+            [key]: (gg[key]).split('||')[2]
         }
     });
 
@@ -40,4 +48,4 @@ hexo.extend.filter.register('stylus:renderer', function (style) {
         return color;
     }
     style.define('getGroupColor', getGroupColor);
-});
+}

package/scripts/tags/card.js

@@ -5,5 +5,5 @@ hexo.extend.tag.register('card', function (args, content) {
     let icon = args[0] || 'no-icon';
     let color = args[1] || 'info';
     let title = args[2] || '';
-    return `<div class="card card-${color}"><div class="card-title"><i class="scoicon ${icon}"></i>${title}</div>${hexo.render.renderSync({text: content, engine: 'markdown'})}</div>`
+    return `<div class="card card-${color}"><div class="card-title"><i class="solitude ${icon}"></i>${title}</div>${hexo.render.renderSync({text: content, engine: 'markdown'})}</div>`
 }, {ends: true});

package/scripts/tags/mermaid.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const {escapeHTML} = require('hexo-util')
+
+function postMermaid(args, content) {
+    return `<div class="mermaid">${escapeHTML(content)}</div>`;
+}
+
+hexo.extend.tag.register('mermaid', postMermaid, {ends: true});

package/scripts/tags/tabs.js

@@ -41,9 +41,9 @@ function postTabs (args, content) {
 
     const isOnlyicon = tabIcon.length > 0 && tabCaption.length === 0 ? ' style="text-align: center;"' : ''
     const icon = tabIcon.trim()
-    tabIcon.length > 0 && (tabIcon = `<i ${isOnlyicon} class="tab scoicon ${icon}"></i>`)
+    tabIcon.length > 0 && (tabIcon = `<i ${isOnlyicon} class="tab solitude ${icon}"></i>`)
 
-    const toTop = '<button type="button" class="tab-to-top" aria-label="scroll to top"><i class="scoicon sco-arrow-up-line"></i></button>'
+    const toTop = '<button type="button" class="tab-to-top" aria-label="scroll to top"><i class="solitude st-arrow-up-line"></i></button>'
 
     const isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : ''
     tabNav += `<li class="tab${isActive}"><button type="button" data-href="#${tabHref}">${tabIcon + tabCaption.trim()}</button></li>`

package/source/css/_global/animation.styl

@@ -125,7 +125,7 @@
   100%
     transform translateX(0)
 
-@keyframes sco-spin
+@keyframes st-spin
   0%
     transform rotate(0)
   100%

package/source/css/_global/index.styl

@@ -1,31 +1,31 @@
 :root
-  --sco-white #fff
-  --sco-white-op rgba(255, 255, 255, 0.2)
-  --sco-black #000
-  --sco-black-op rgba(0, 0, 0, 0.2)
-  --sco-none #00000000
-  --sco-gray #999999
-  --sco-gray-op #9999992b
-  --sco-cyan #00bcd4
-  --sco-cyan-op #00bcd42b
-  --sco-vip #e5a80d
-  --sco-speed #57bd6a
-  --sco-main var(--sco-theme)
-  --sco-main-op var(--sco-theme-op)
-  --sco-main-op-deep var(--sco-theme-op-deep)
-  --sco-main-op-light var(--sco-theme-op-light)
-  --sco-main-none var(--sco-theme-none)
-  --sco-shadow-theme 0 8px 12px -3px var(--sco-theme-op)
-  --sco-shadow-blackdeep 0 2px 16px -3px rgba(0, 0, 0, .15)
-  --sco-shadow-main 0 8px 12px -3px var(--sco-main-op)
-  --sco-shadow-blue 0 8px 12px -3px rgba(40, 109, 234, .20)
-  --sco-shadow-white 0 8px 12px -3px rgba(255, 255, 255, .20)
-  --sco-shadow-black 0 0 12px 4px rgba(0, 0, 0, .05)
-  --sco-shadow-yellow 0px 38px 77px -26px rgba(255, 201, 62, .12)
-  --sco-shadow-red 0 8px 12px -3px #ee7d7936
-  --sco-shadow-green 0 8px 12px -3px #87ee7936
-  --sco-logo-color linear-gradient(215deg, #4584ff 0%, #cf0db9 100%)
-  --sco-snackbar-time 5s
+  --efu-white #fff
+  --efu-white-op rgba(255, 255, 255, 0.2)
+  --efu-black #000
+  --efu-black-op rgba(0, 0, 0, 0.2)
+  --efu-none #00000000
+  --efu-gray #999999
+  --efu-gray-op #9999992b
+  --efu-cyan #00bcd4
+  --efu-cyan-op #00bcd42b
+  --efu-vip #e5a80d
+  --efu-speed #57bd6a
+  --efu-main var(--efu-theme)
+  --efu-main-op var(--efu-theme-op)
+  --efu-main-op-deep var(--efu-theme-op-deep)
+  --efu-main-op-light var(--efu-theme-op-light)
+  --efu-main-none var(--efu-theme-none)
+  --efu-shadow-theme 0 8px 12px -3px var(--efu-theme-op)
+  --efu-shadow-blackdeep 0 2px 16px -3px rgba(0, 0, 0, .15)
+  --efu-shadow-main 0 8px 12px -3px var(--efu-main-op)
+  --efu-shadow-blue 0 8px 12px -3px rgba(40, 109, 234, .20)
+  --efu-shadow-white 0 8px 12px -3px rgba(255, 255, 255, .20)
+  --efu-shadow-black 0 0 12px 4px rgba(0, 0, 0, .05)
+  --efu-shadow-yellow 0px 38px 77px -26px rgba(255, 201, 62, .12)
+  --efu-shadow-red 0 8px 12px -3px #ee7d7936
+  --efu-shadow-green 0 8px 12px -3px #87ee7936
+  --efu-logo-color linear-gradient(215deg, #4584ff 0%, #cf0db9 100%)
+  --efu-snackbar-time 5s
   --global-font-size 14px
   --global-bg #fff
   --hr-border #97bcfb