hexo-theme-volantis 4.3.1 → 5.0.0-alpha.112

package/scripts/tags/swiper.js

@@ -0,0 +1,38 @@
+/**
+ * swiper.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% swiper %}
+ * ![img](src)
+ * {% endswiper %}
+ */
+
+'use strict';
+
+hexo.extend.tag.register('swiper', function (args, content) {
+  args = hexo.args.map(args, ['width']);
+  var el = '';
+  function slide() {
+    let imgs = hexo.render.renderSync({ text: content, engine: 'markdown' });
+    imgs = imgs.match(/<img(.*?)src="(.*?)"(.*?)>/gi);
+    if (imgs && imgs.length > 0) {
+      imgs.forEach((img, i) => {
+        img = img.replace('<img src', '<img no-lazy src');
+        el += '<div class="swiper-slide">' + img + '</div>';
+      });
+    }
+  }
+  el += '<div class="tag-plugin swiper-container"';
+  if (args.width && args.width.length > 0) {
+    el += ' ' + hexo.args.joinTags(args, 'width').join(' ');
+  }
+  el += '>';
+  el += '<div class="swiper-wrapper">';
+  slide();
+  el += '</div>';
+  el += '<div class="swiper-pagination"></div>';
+  el += '<div class="swiper-button-prev blur"></div>';
+  el += '<div class="swiper-button-next blur"></div>';
+  el += '</div>';
+  return el;
+}, { ends: true });

package/scripts/tags/tabs.js

@@ -7,7 +7,12 @@
 function postTabs(args, content) {
   var tabBlock = /<!--\s*tab (.*?)\s*-->\n([\w\W\s\S]*?)<!--\s*endtab\s*-->/g;
 
-  args = args.join(' ').split(',');
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
   var tabName = args[0];
   var tabActive = Number(args[1]) || 0;
 
@@ -31,8 +36,33 @@ function postTabs(args, content) {
     var tabIcon       = tabParameters[1] || '';
     var tabHref       = '';
 
+
+    // 兼容aplayer插件 https://github.com/volantis-x/hexo-theme-volantis/issues/575
+    var aplayerTag=0
+    var aplayerTagReg=/\<div.*class=\"aplayer aplayer-tag-marker\"(.|\n)*\<\/script\>/g
+    if(/class="aplayer aplayer-tag-marker"/g.test(postContent)){
+      aplayerTag=aplayerTagReg.exec(postContent)[0]
+      postContent=postContent.replace(aplayerTagReg,"@aplayerTag@")
+    }
+
+    // 兼容 gallery 标签
+    var fancyboxTag=0
+    var fancyboxTagReg = /\<div.*galleryFlag(.|\n)*\<\/span\>\<\/div\>\<\/div\>/g
+    if(/galleryFlag/g.test(postContent)) {
+      fancyboxTag=fancyboxTagReg.exec(postContent)[0]
+      postContent=postContent.replace(fancyboxTagReg,"@fancyboxTag@")
+    }
+
     postContent = hexo.render.renderSync({text: postContent, engine: 'markdown'}).trim();
 
+    if(aplayerTag){
+      postContent=postContent.replace(/\<pre\>\<code\>.*@aplayerTag@.*\<\/code><\/pre>/,aplayerTag)
+    }
+
+    if(fancyboxTag){
+      postContent=postContent.replace(/.*@fancyboxTag@.*/,fancyboxTag)
+    }
+
     tabId += 1;
     tabHref = (tabName + ' ' + tabId).toLowerCase().split(' ').join('-');
 
@@ -50,8 +80,8 @@ function postTabs(args, content) {
 
   tabNav = `<ul class="nav-tabs">${tabNav}</ul>`;
   tabContent = `<div class="tab-content">${tabContent}</div>`;
-
-  return `<div class="tabs" id="${tabName.toLowerCase().split(' ').join('-')}">${tabNav + tabContent}</div>`;
+  // https://github.com/volantis-x/hexo-theme-volantis/issues/703
+  return `<div class="tabs" id="tab-${tabName.toLowerCase().split(' ').join('-')}">${tabNav + tabContent}</div>`;
 }
 
 hexo.extend.tag.register('tabs', postTabs, {ends: true});

package/scripts/tags/timeline.js

@@ -13,7 +13,12 @@ function postTimeline(args, content) {
 }
 
 function postTimenode(args, content) {
-  args = args.join(' ').split(',');
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
   var time = args[0];
   return `<div class="timenode"><div class="meta"><p>${hexo.render.renderSync({text: time, engine: 'markdown'})}</p></div><div class="body">${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}</div></div>`;
 }

package/source/css/Readme.md

@@ -0,0 +1,28 @@
+# 样式文件说明
+
+## 样式拆分说明
+
+方案是对 https://blog.skk.moe/post/improve-fcp-for-my-blog/ 的开源实现
+
+### first.styl
+
+首屏样式, 内含 首屏基础样式、 cover、 navbar、 首屏search、首屏暗黑模式、首屏字体 等样式, 首屏样式采用硬编码的方式写在HTML中.
+
+内联硬编码自动化方案 see：scripts/helpers/first-style/index.js
+
+### style.styl
+
+异步加载样式, 除首屏样式外的其他样式, 最终生成 /css/style.css 异步加载.
+
+## 暗黑模式样式说明
+
+暗黑模式样式被拆分为首屏暗黑模式样式和异步暗黑模式样式，其中在 source/css/ 文件夹下：
+
+_first/dark_first.styl ： 包含 首屏暗黑模式样式 的 暗黑模式 CSS 变量 和 强制覆盖样式
+
+_style/_plugins/_dark ： 异步暗黑模式样式文件夹
+
+_style/_plugins/_dark/dark_async.styl ： 包含 异步暗黑模式样式 的 暗黑模式 CSS 变量
+
+_style/_plugins/_dark/dark_plugins.styl ： 包含 异步暗黑模式样式 的 强制覆盖样式
+

package/source/css/_defines/AutoPrefixCSS.styl

@@ -0,0 +1,347 @@
+// AutoPrefixCSS
+// https://github.com/stylus/nib
+
+vendor-prefixes ?= webkit khtml moz o ms
+
+vendor(prop, only = null ,vendor-property = true, args)
+  if (only and official in only) or !only
+    {prop}: args
+  if vendor-property
+    for prefix in vendor-prefixes
+      unless only and !(prefix in only)
+        {'-' + prefix + '-' + prop}: args
+
+// A
+
+animation()
+  vendor(prop:'animation', only: null,  vendor-property: true, args:arguments)
+
+// B
+box-orient()
+  vendor(prop:'box-orient', only: webkit moz ms official,  vendor-property: true, args:arguments)
+
+box-pack()
+  vendor(prop:'box-pack', only: webkit moz ms official,  vendor-property: true, args:arguments)
+
+border-radius()
+  vendor(prop:'border-radius', only: webkit official,  vendor-property: true, args:arguments)
+
+box-shadow()
+  vendor(prop:'box-shadow', only: webkit official,  vendor-property: true, args:arguments)
+
+border-image()
+  vendor(prop:'border-image', only: webkit moz o official,  vendor-property: true, args:arguments)
+
+background-image()
+  if match('-gradient\(', ''+arguments)
+    vendor(prop:'background-image', only: null,  vendor-property: false, args:arguments)
+  else
+    background-image arguments
+
+box-sizing()
+  vendor(prop:'box-sizing', only: webkit moz official,  vendor-property: true, args:arguments)
+
+backface-visibility()
+  vendor(prop:'backface-visibility', only: webkit moz ms official,  vendor-property: true, args:arguments)
+
+background-size()
+  vendor(prop:'background-size', only: webkit moz official,  vendor-property: true, args:arguments)
+
+/*
+ * Legacy syntax support for background-clip and background-origin
+ */
+
+legacy-bg-values(property, args)
+  legacy_args = ()
+  importance = unquote('')
+  for subargs in args
+    for arg in subargs
+      if arg in (border-box padding-box content-box)
+        arg = unquote('border')  if arg == border-box
+        arg = unquote('padding') if arg == padding-box
+        arg = unquote('content') if arg == content-box
+      if arg != '!important'
+        push(legacy_args,arg)
+      else
+        importance = !important
+  vendor(prop:property, only: moz webkit,  vendor-property: true, args: unquote(join(', ',legacy_args)) importance)
+
+background-clip()
+  if arguments[0] == text
+    vendor(prop:'background-clip', only: webkit,  vendor-property: true, args:arguments)
+  else
+    legacy-bg-values('background-clip', arguments)
+    background-clip: arguments
+// C
+
+
+column-count()
+  vendor(prop:'column-count', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-gap()
+  vendor(prop:'column-gap', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-rule()
+  vendor(prop:'column-rule', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-rule-color()
+  vendor(prop:'column-rule-color', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-rule-width()
+  vendor(prop:'column-rule-width', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-rule-style()
+  vendor(prop:'column-rule-style', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-width()
+  vendor(prop:'column-width', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-span()
+  vendor(prop:'column-span', only: webkit official,  vendor-property: true, args:arguments)
+
+column-fill()
+  vendor(prop:'column-fill', only: moz,  vendor-property: true, args:arguments)
+
+
+// D
+display(value)
+  // Initializing a flexbox container
+  display -webkit-box    /* OLD - iOS 6-, Safari 3.1-6 */
+  display -moz-box     /* OLD - Firefox 19- (buggy but mostly works) */
+  if value == inline-flex
+    display -ms-inline-flexbox    /* TWEENER - IE 10 */
+    display -webkit-inline-flex   /* NEW - Chrome */
+    display value           /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  else if value == flex
+    display -ms-flexbox     /* TWEENER - IE 10 */
+    display -webkit-flex    /* NEW - Chrome */
+    display flex        /* NEW, Spec - Opera 12.1, Firefox 20+ */
+
+  if arguments != 'flex'
+    display: arguments;
+  else
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+
+// E
+
+// F
+flex-wrap(value)
+  // Implementation of the flex-wrap attribute.
+  vendor(prop:'flex-wrap',only: null,  vendor-property: true, args:value)
+
+flex-flow()
+  vendor(prop:'flex-flow',only: null,  vendor-property: true, args:arguments)
+
+flex-direction(value)
+  // Implementation of flex-direction attributes.
+  if value == row
+    -webkit-box-direction normal
+    -moz-box-direction normal
+    -webkit-box-orient horizontal
+    -moz-box-orient horizontal
+  else if value == row-reverse
+    -webkit-box-direction reverse
+    -moz-box-direction reverse
+    -webkit-box-orient horizontal
+    -moz-box-orient horizontal
+  else if value == column
+    -webkit-box-direction normal
+    -moz-box-direction normal
+    -webkit-box-orient vertical
+    -moz-box-orient vertical
+  else if value == column-reverse
+    -webkit-box-direction reverse
+    -moz-box-direction reverse
+    -webkit-box-orient vertical
+    -moz-box-orient vertical
+  -webkit-flex-direction value
+  -ms-flex-direction value
+  flex-direction value
+
+flexbox(value)
+  // Initializing a flexbox container
+  display -webkit-box    /* OLD - iOS 6-, Safari 3.1-6 */
+  display -moz-box     /* OLD - Firefox 19- (buggy but mostly works) */
+  if value == inline-flex
+    display -ms-inline-flexbox    /* TWEENER - IE 10 */
+    display -webkit-inline-flex   /* NEW - Chrome */
+    display value           /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  else if value == flex
+    display -ms-flexbox     /* TWEENER - IE 10 */
+    display -webkit-flex    /* NEW - Chrome */
+    display flex        /* NEW, Spec - Opera 12.1, Firefox 20+ */
+
+flex(grow = 0, shrink = 0)
+  // For configuring the flex elements
+  -webkit-box-flex grow
+  -moz-box-flex grow
+  -webkit-flex grow shrink
+  -ms-flex grow shrink
+  flex grow shrink
+
+flex-content(value)
+  // Implements the align-content settings
+  if value == space-around
+    -webkit-align-content value
+    -ms-flex-line-pack distribute
+    align-content value
+  else if value == space-between
+    -webkit-align-content value
+    -ms-flex-line-pack justify
+    align-content value
+  else if value == end or value == start
+    -webkit-align-content flex-+value
+    -ms-flex-line-pack value
+    align-content flex-+value
+  else
+    -webkit-align-content value
+    -ms-flex-line-pack value
+    align-content value
+
+flex-align(value)
+  // Function for align-items
+  if value == start or value == end
+    -webkit-box-align value
+    -moz-box-align value
+    -webkit-align-items flex-+value
+    -ms-flex-align value
+    align-items flex-+value
+  else
+    -webkit-box-align value
+    -moz-box-align value
+    -webkit-align-items value
+    -ms-flex-align value
+
+flex-firefox()
+  // Helper to manage inline bugs in legacy Firefox
+  width 100%
+  -moz-box-sizing border-box
+
+flex-group(value)
+  // Manages ordering of the flex elements within a container
+  -webkit-box-ordinal-group value
+  -moz-box-ordinal-group value
+  -ms-flex-order value
+  -webkit-order value
+  order value
+
+flex-self(value)
+  // Function for aligning the flex elements (align-self)
+  if value == start or value == end
+    -webkit-align-self flex-+value
+    -ms-flex-item-align value
+    align-self flex-+value
+  else
+    -webkit-align-self value
+    -ms-flex-item-align value
+    align-self value
+
+flex-justify(value)
+  // Implements the justify-content settings.
+  if value == start || value == end
+    -webkit-box-pack value
+    -moz-box-pack value
+    -webkit-justify-content flex-+value
+    -ms-flex-pack value
+    justify-content flex-+value
+  else if value == center
+    -webkit-box-pack value
+    -moz-box-pack value
+    -webkit-justify-content value
+    -ms-flex-pack value
+    justify-content value
+  else if value == space-between
+    -webkit-box-pack justify
+    -moz-box-pack justify
+    -webkit-justify-content value
+    -ms-flex-pack justify
+    justify-content value
+  else if value == space-around
+    -webkit-box-pack justify
+    -moz-box-pack justify
+    -webkit-justify-content value
+    -ms-flex-pack distribute
+    justify-content value
+
+
+font-smoothing()
+  vendor(prop:'font-smoothing', only: webkit,  vendor-property: true, args:arguments)
+// G
+
+// H
+
+// I
+
+// J
+justify-content()
+  vendor(prop:'justify-content',only: null,  vendor-property: true, args:arguments)
+
+// K
+
+// L
+
+// M
+
+// N
+
+// O
+
+opacity()
+  vendor(prop:'opacity', only: webkit moz official,  vendor-property: true, args:arguments)
+
+// P
+print-color-adjust()
+  vendor(prop:'print-color-adjust',only: null,  vendor-property: true, args:arguments)
+
+// Q
+
+// R
+
+// S
+
+// T
+text-size-adjust()
+  vendor(prop:'text-size-adjust', only: null,  vendor-property: true, args:arguments)
+
+transition()
+  vendor(prop:'transition', only: null,  vendor-property: true, args:arguments)
+
+transition-property()
+  vendor(prop:'transition-property', only: null,  vendor-property: true, args:arguments)
+
+transition-duration()
+  vendor(prop:'transition-duration', only: null,  vendor-property: true, args:arguments)
+
+transition-timing-function()
+  vendor(prop:'transition-timing-function', only: null,  vendor-property: true, args:arguments)
+
+transition-delay()
+  vendor(prop:'transition-delay', only: null,  vendor-property: true, args:arguments)
+
+transform()
+  vendor(prop:'transform', only: null,  vendor-property: true, args:arguments)
+
+transform-origin()
+  vendor(prop:'transform-origin', only: null,  vendor-property: true, args:arguments)
+
+transform-style()
+  vendor(prop:'transform-style', only: null,  vendor-property: true, args:arguments)
+
+// U
+user-select()
+  vendor(prop:'user-select', only: webkit moz ms official,  vendor-property: true, args:arguments)
+
+
+// V
+
+// W
+
+// X
+
+// Y
+
+// Z
+

package/source/css/_defines/Readme.md

@@ -0,0 +1,3 @@
+# 定义变量
+
+这里存放一些 变量 或 工具函数 ，不建议存放样式

package/source/css/_defines/color.styl

@@ -29,6 +29,9 @@ $color-google-green = #3AA757
 $color-google-yellow = #FABB2D
 $color-google-red = #E8453C
 
+$color-read-bkg = #e0d8c8
+$color-read-post = #f8f1e2
+
 
 // common
 $color-theme = convert(hexo-config('color_scheme.common.theme'))
@@ -62,8 +65,29 @@ $color-list-hl = convert(hexo-config('color_scheme.light.list_hl'))
 $color-meta = convert(hexo-config('color_scheme.light.meta'))
 
 // 深色配色方案在 darkmode.styl 中按需加载
+$color-dark-site-body = convert(hexo-config('color_scheme.dark.site_bd'))                    // Dark Grey 1
+$color-dark-read-bkg = convert(hexo-config('color_scheme.dark.site_bg'))
+$color-dark-read-post = convert(hexo-config('color_scheme.dark.card'))
+$color-dark-site-bg = convert(hexo-config('color_scheme.dark.site_bg'))                      // Dark Grey 2
+$color-dark-site-inner = convert(hexo-config('color_scheme.dark.site_inner'))
+$color-dark-site-footer = convert(hexo-config('color_scheme.dark.site_footer'))
+$color-dark-card = convert(hexo-config('color_scheme.dark.card'))                            // Dark Grey 3
+$color-dark-text = convert(hexo-config('color_scheme.dark.text'))
 
-
+$color-dark-block = convert(hexo-config('color_scheme.dark.block'))                           // Dark Grey 4
+$color-dark-codeblock = convert(hexo-config('color_scheme.dark.codeblock'))
+$color-dark-inlinecode = convert(hexo-config('color_scheme.dark.inlinecode'))
+$color-dark-h1 = convert(hexo-config('color_scheme.dark.h1'))
+$color-dark-h2 = convert(hexo-config('color_scheme.dark.h2'))
+$color-dark-h3 = convert(hexo-config('color_scheme.dark.h3'))
+$color-dark-h4 = convert(hexo-config('color_scheme.dark.h4'))
+$color-dark-h5 = convert(hexo-config('color_scheme.dark.h5'))
+$color-dark-h6 = convert(hexo-config('color_scheme.dark.h6'))
+$color-dark-p = convert(hexo-config('color_scheme.dark.p'))
+$color-dark-list = convert(hexo-config('color_scheme.dark.list'))
+$color-dark-list-hl = convert(hexo-config('color_scheme.dark.list_hl'))
+$color-dark-meta = convert(hexo-config('color_scheme.dark.meta'))
+$color-dark-link = convert(hexo-config('color_scheme.dark.meta'))
 
 bgcolor($c, $mix = 10)
   return mix($c, $color-card, $mix)
@@ -73,3 +97,19 @@ list_active()
 list_hover()
   color: var(--color-list-hl)
   background: var(--color-site-bg)
+
+// tag plugin from stellar : color
+// 浅色页面
+$c-site-bg-light = #f8f8f8
+$c-block-light = #f2f2f2
+$c-title-light = #000
+$c-text-light = #222
+$c-card-light = white
+
+// 深色页面
+$c-site-bg-dark = black
+$c-block-dark = #111
+$c-title-dark = #fff
+$c-text-dark = #fff
+$c-card-dark = #333
+

package/source/css/_defines/effect.styl

@@ -9,16 +9,3 @@ $boxshadow-dropmenu = 0 2px 4px 0px rgba(0, 0, 0, 0.08), 0 4px 8px 0px rgba(0, 0
 
 $textshadow = 0 1px 2px 0px rgba(0, 0, 0, 0.1)
 
-
-.blur
-  @supports (backdrop-filter: blur(20px))
-    background: alpha($color-card, .9) !important
-    backdrop-filter: saturate(200%) blur(20px)
-
-
-.shadow
-  box-shadow: $boxshadow-card
-  &.floatable
-    trans()
-    &:hover
-      box-shadow: $boxshadow-card-float

package/source/css/_defines/fonts.styl

@@ -1,23 +1,11 @@
 $fontfamily = "PingFang SC", "Microsoft YaHei", Helvetica, Arial, Menlo, Monaco, monospace, "Lucida Console", sans-serif
 if hexo-config('custom_css.fontfamily.bodyfont')
-  if hexo-config('custom_css.fontfamily.bodyfont.name')
-    @font-face
-      font-family: hexo-config('custom_css.fontfamily.bodyfont.name')
-      src: url(hexo-config('custom_css.fontfamily.bodyfont.url'))
-      font-weight: hexo-config('custom_css.fontfamily.bodyfont.weight')
-      font-style: hexo-config('custom_css.fontfamily.bodyfont.style')
   if hexo-config('custom_css.fontfamily.bodyfont.fontfamily')
     $fontfamily = convert(hexo-config('custom_css.fontfamily.bodyfont.fontfamily')), Menlo, Monaco, monospace, sans-serif
 
 
 $fontfamily-code = Menlo, Monaco, monospace, courier, sans-serif
 if hexo-config('custom_css.fontfamily.codefont')
-  if hexo-config('custom_css.fontfamily.codefont.name')
-    @font-face
-      font-family: hexo-config('custom_css.fontfamily.codefont.name')
-      src: url(hexo-config('custom_css.fontfamily.codefont.url'))
-      font-weight: hexo-config('custom_css.fontfamily.codefont.weight')
-      font-style: hexo-config('custom_css.fontfamily.codefont.style')
   if hexo-config('custom_css.fontfamily.codefont.fontfamily')
     $fontfamily-code = convert(hexo-config('custom_css.fontfamily.codefont.fontfamily')), monospace, courier, sans-serif
 
@@ -25,12 +13,6 @@ if hexo-config('custom_css.fontfamily.codefont')
 
 $fontfamily-logo = $fontfamily
 if hexo-config('custom_css.fontfamily.logofont')
-  if hexo-config('custom_css.fontfamily.logofont.name')
-    @font-face
-      font-family: hexo-config('custom_css.fontfamily.logofont.name')
-      src: url(hexo-config('custom_css.fontfamily.logofont.url'))
-      font-weight: hexo-config('custom_css.fontfamily.logofont.weight')
-      font-style: hexo-config('custom_css.fontfamily.logofont.style')
   if hexo-config('custom_css.fontfamily.logofont.fontfamily')
     $fontfamily-logo = convert(hexo-config('custom_css.fontfamily.logofont.fontfamily')), Helvetica, monospace
 
@@ -56,3 +38,20 @@ $lineheight = hexo-config('custom_css.gap.line_height') || 1.7
 $fontsize-large = 2.5rem
 $fontsize-huge = 4rem
 $fontsize-ultra = 6rem
+
+
+// font size
+$fs-root = 16px
+$fs-15 = .9375rem
+$fs-14 = .875rem
+$fs-13 = .8125rem
+$fs-12 = .75rem
+
+$fs-h1   = 2rem   // 32px
+$fs-h2   = 1.5rem // 24px
+$fs-h3   = 1.375rem  // 22px
+$fs-h4   = 1.125rem  // 18px
+$fs-h5   = $fs-15
+$fs-h6   = $fs-12
+$fs-p = $fs-15
+$fs-code = $fs-13

package/source/css/_defines/func.styl

@@ -1,11 +1,19 @@
+// 为1个属性设置动画
+trans1($op, $time = 0.2s)
+  transition: $op $time ease-out
 
+// 为2个属性设置动画
+trans2($op1, $op2)
+  transition: $op1 0.2s ease-out, $op2 0.2s ease-out
+
+trans2pro($op1, $t1, $op2, $t2)
+  transition: $op1 $t1 ease-out, $op2 $t2 ease-out
+
+trans3($op1, $op2, $op3)
+  transition: $op1 0.2s ease-out, $op2 0.2s ease-out, $op3 0.2s ease-out
 
 trans($time = 0.28s)
   transition: all $time ease
-  -moz-transition: all $time ease
-  -webkit-transition: all $time ease
-  -o-transition: all $time ease
-
 
 hoverable-card()
   trans()
@@ -28,9 +36,6 @@ placeholder(rules)
     rules()
 
 disable-user-select()
-  -moz-user-select: none
-  -ms-user-select: none
-  -webkit-user-select: none
   user-select: none
 
 scrollbar($w = 4px, $b = 2px, $c = $color-theme, $h = $color-hover)
@@ -62,26 +67,3 @@ scrollbar-codeblock()
       background: alpha($color-text, .5)
       &:hover
         background: $color-hover
-
-dark()
-  --color-site-body: black
-  --color-site-bg: convert(hexo-config('color_scheme.dark.site_bg'))
-  --color-site-inner: convert(hexo-config('color_scheme.dark.site_inner'))
-  --color-site-footer: convert(hexo-config('color_scheme.dark.site_footer'))
-  --color-card: convert(hexo-config('color_scheme.dark.card'))
-  --color-text: convert(hexo-config('color_scheme.dark.text'))
-
-  --color-block: convert(hexo-config('color_scheme.dark.block'))
-  --color-codeblock: convert(hexo-config('color_scheme.dark.codeblock'))
-  --color-inlinecode: convert(hexo-config('color_scheme.dark.inlinecode'))
-  --color-h1: convert(hexo-config('color_scheme.dark.h1'))
-  --color-h2: convert(hexo-config('color_scheme.dark.h2'))
-  --color-h3: convert(hexo-config('color_scheme.dark.h3'))
-  --color-h4: convert(hexo-config('color_scheme.dark.h4'))
-  --color-h5: convert(hexo-config('color_scheme.dark.h5'))
-  --color-h6: convert(hexo-config('color_scheme.dark.h6'))
-  --color-p: convert(hexo-config('color_scheme.dark.p'))
-  --color-list: convert(hexo-config('color_scheme.dark.list'))
-  --color-list-hl: convert(hexo-config('color_scheme.dark.list_hl'))
-  --color-meta: convert(hexo-config('color_scheme.dark.meta'))
-  --color-link: convert(hexo-config('color_scheme.dark.meta'))