hexo-theme-volantis 4.3.1 → 5.0.0-beta.2

package/source/css/_style/_plugins/_highlight/highlightjs/index.styl

@@ -0,0 +1,102 @@
+@import 'clipboard'
+@import 'language'
+@import 'color'
+
+pre
+  position: relative
+
+.hljs
+  margin: 0 - $gap !important
+  padding: $gap !important
+  -webkit-font-smoothing: auto
+  -moz-osx-font-smoothing: auto
+  scrollbar()
+
+
+.highlight
+  position: relative
+  width: 100%
+  margin: $gap-p 0
+  display: block
+  background: var(--color-block)
+  font-size: $fontsize-code
+  font-family: $fontfamily-code
+  border-radius: $border-codeblock
+  // border: 1px solid transparent
+  line-height: 1.5
+  -webkit-font-smoothing: auto
+  -moz-osx-font-smoothing: auto
+  // overflow: hidden // 实验中发现 overflow 这个属性设置为 hidden/auto 会导致手机端长文本代码块截断仅显示 70 行, PC端无影响.
+  trans()
+  if hexo-config('custom_css.body.highlight.grayscale') == true
+    filter: grayscale(100%)
+  &:hover
+    background: var(--color-codeblock)
+    if hexo-config('custom_css.body.highlight.grayscale') == true
+      filter: grayscale(0%)
+    figcaption
+      trans()
+      background: darken($color-codeblock, 5%)
+    .gutter
+      background: darken($color-codeblock, 5)
+  figcaption
+    font-size: 13px
+    position: sticky
+    left: 0
+    padding: $gap * 0.25 $gap * 0.5 $gap * 0.25 $gap * 0.5
+    background: darken($color-block, 5%)
+    border-top-left-radius: "calc(%s - 1px)" % $border-codeblock
+    border-top-right-radius: "calc(%s - 1px)" % $border-codeblock
+
+  >table
+    overflow: auto
+    display: block
+    scrollbar-codeblock()
+    td,th
+      padding: 0
+      border: none
+      line-height: 1.5
+    margin: 0
+    background-color: transparent
+    border: none
+    tr
+      background-color: transparent
+      &:hover
+        background-color: transparent
+    pre
+      overflow-y: hidden
+
+    .gutter
+      disable-user-select()
+      padding: 0 12px
+      text-align: right
+      border-width: 0
+      margin-left: 0
+      position: sticky
+      left: 0
+      z-index: 1
+      background: darken($color-block, 5)
+      pre
+        color: var(--color-meta)
+
+
+    pre
+      background: transparent
+      margin: 0
+      padding: 0
+      border: none
+      .code:before
+        display: none
+
+    .code
+      padding: $gap * 1.25 $gap
+      vertical-align: top
+      background-color: transparent
+      &:before
+        content: ""
+        position: absolute
+        top: 0
+        right: 0
+        color: var(--color-meta)
+        font-size: 13px
+        padding: 4px 8px

package/source/css/_style/_plugins/_highlight/highlightjs/language.styl

@@ -0,0 +1,63 @@
+if hexo-config('custom_css.body.highlight.language') == true
+  .hljs,.highlight
+    &:before
+      position: absolute
+      top: 0
+      right: 0
+      color: var(--color-meta)
+      font-size: 13px
+      padding: 4px 8px
+    &.md:before,&.markdown:before
+      content: "md"
+    &.yaml:before
+      content: "YAML"
+    &.json:before
+      content: "JSON"
+
+    &.html:before
+      content: "HTML"
+    &.js:before,&.javascript:before
+      content: "JS"
+    &.css:before
+      content: "CSS"
+    &.less:before
+      content: "Less"
+    &.stylus:before
+      content: "Stylus"
+
+    &.bash:before
+      content: "bash"
+    &.shell:before
+      content: "shell"
+    &.sh:before
+      content: "sh"
+    &.ini:before
+      content: "ini"
+
+    &.c:before
+      content: "C"
+    &.cpp:before
+      content: "C++"
+    &.objc:before,&.objectivec:before
+      content: "Objective-C"
+    &.swift:before
+      content: "Swift"
+
+    &.java:before
+      content: "Java"
+    &.python:before
+      content: "Python"
+    &.php:before
+      content: "PHP"
+    &.rust:before
+      content: "Rust"
+    &.sql:before
+      content: "SQL"
+    &.ruby:before
+      content: "Ruby"
+    &.makefile:before
+      content: "Makefile"
+    &.go:before
+      content: "Go"
+    &.typescript:before
+      content: "TypeScript"

package/source/css/_style/_plugins/_highlight/index.styl

@@ -0,0 +1 @@
+@import hexo-config('plugins.code_highlight')

package/source/css/_style/_plugins/_highlight/prismjs/clipboard.styl

@@ -0,0 +1,33 @@
+//代码块复制按钮
+.code-toolbar
+  //方便copy代码按钮（btn-copy）的定位
+  position: relative
+
+.btn-copy
+  z-index: 1
+  display: inline-block
+  cursor: pointer
+  border: none
+  disable-user-select()
+  -webkit-appearance: none
+  font-family: Menlo, $fontfamily-code
+  font-size: 11px
+  font-weight: bold
+  padding: $gap * 0.25 $gap * 0.5
+  >i
+    margin-right: 4px
+  color: var(--color-meta)
+  background: var(--color-card)
+  border-radius: 3px
+  box-shadow: $boxshadow-card
+  position: absolute
+  top: 5px
+  right: 5px
+  opacity: 0
+  trans()
+  &:hover
+    color: $color-hover
+    background: bgcolor($color-hover)
+
+.code-toolbar:hover .btn-copy
+  opacity: 1

package/source/css/_style/_plugins/_highlight/prismjs/index.styl

@@ -0,0 +1,8 @@
+@import 'clipboard'
+@import 'language'
+
+pre
+  position: relative
+  -webkit-font-smoothing: auto
+  -moz-osx-font-smoothing: auto
+  scrollbar()

package/source/css/_style/_plugins/_highlight/prismjs/language.styl

@@ -0,0 +1,63 @@
+if hexo-config('custom_css.body.highlight.language') == true
+  pre
+    &:before
+      position: absolute
+      top: 0
+      right: 0
+      color: var(--color-meta)
+      font-size: 13px
+      padding: 4px 8px
+    &.language-md:before,&.markdown:before
+      content: "md"
+    &.language-yaml:before
+      content: "YAML"
+    &.language-json:before
+      content: "JSON"
+
+    &.language-html:before
+      content: "HTML"
+    &.language-js:before,&.language-javascript:before
+      content: "JS"
+    &.language-css:before
+      content: "CSS"
+    &.language-less:before
+      content: "Less"
+    &.language-stylus:before
+      content: "Stylus"
+
+    &.language-bash:before
+      content: "bash"
+    &.language-shell:before
+      content: "shell"
+    &.language-sh:before
+      content: "sh"
+    &.language-ini:before
+      content: "ini"
+
+    &.language-c:before
+      content: "C"
+    &.language-cpp:before
+      content: "C++"
+    &.language-objc:before,&.language-objectivec:before
+      content: "Objective-C"
+    &.language-swift:before
+      content: "Swift"
+
+    &.language-java:before
+      content: "Java"
+    &.language-python:before
+      content: "Python"
+    &.language-php:before
+      content: "PHP"
+    &.language-rust:before
+      content: "Rust"
+    &.language-sql:before
+      content: "SQL"
+    &.language-ruby:before
+      content: "Ruby"
+    &.language-makefile:before
+      content: "Makefile"
+    &.language-go:before
+      content: "Go"
+    &.language-typescript:before
+      content: "TypeScript"

package/source/css/_style/_plugins/_rightmenu/reading.styl

@@ -0,0 +1,56 @@
+.common_read
+  z-index: auto !important
+  opacity: 1 !important
+  overflow: visible !important
+  transform: none !important
+  animation: none !important
+  position: relative !important
+
+.body-wrapper.common_read
+  display: block
+
+#safearea.common_read
+  padding-bottom: 16px
+  @media screen and (max-width: 900px)
+    padding: 0
+    margin: 0
+
+#l_body.common_read
+  z-index: 2147483646 !important;
+
+.read_cover
+  min-height: 10px !important
+  @media screen and (max-width: 900px)
+    min-height: 0 !important
+
+.common_read_bkg
+  background-color: var(--color-read-bkg) !important
+  opacity: 1 !important
+  display: block !important
+  position: fixed !important
+  top: 0 !important
+  left: 0 !important
+  right: 0 !important
+  bottom: 0 !important
+  z-index: 2147483645 !important
+  transition: opacity 1s cubic-bezier(.23,1,.32,1) 0ms !important
+
+.common_read_hide
+  opacity: 0 !important  
+  z-index: -2147483645 !important  
+
+.common_read_main
+  width: 840px !important;
+  padding: 0 !important;
+  margin: 0 auto;
+  float: initial !important;
+  @media screen and (max-width: 900px)
+    width: auto !important;
+
+.post_read
+  background-color: var(--color-read-post) !important
+  z-index: 2147483646 !important
+  overflow: visible !important
+  font-size: 1.15rem !important
+  border-radius: 0 !important;
+  box-shadow: 0 6px 12px 3px #00000033

package/source/css/{_plugins → _style/_plugins/_rightmenu}/rightmenu.styl

@@ -18,6 +18,25 @@ ul.list-v.rightmenu
     text-overflow: ellipsis
     overflow: hidden
     line-height: $cellH
+  >li>span
+    trans()
+    display: block
+    color: var(--color-list)
+    font-size: $fontsize-meta
+    // font-weight: bold
+    line-height: 36px
+    @media screen and (max-width: $device-laptop)
+      line-height: 40px
+    padding: 0 $gap + $border-line + 2px 0 $gap
+    text-overflow: ellipsis
+    margin: 0 4px
+    border-radius: 4px
+    >i
+      margin-right: 8px
+    &:active,&.active
+      list_active()
+    &:hover
+      list_hover()  
   li.navigation, li.music
     display: flex
     justify-content: space-between
@@ -51,7 +70,7 @@ ul.list-v.rightmenu
         overflow: hidden
         &:hover
           background: none
-    a.nav.volume
+    .nav.volume
       width: 100%
       padding: 0 $gap * 0.5
       &:hover

package/source/css/{_plugins → _style/_plugins}/aplayer.styl

@@ -26,4 +26,11 @@
 
 .l_header
   .aplayer-volume-wrap
-        display: none !important // 隐藏导航栏播放器音量调节 see: https://github.com/volantis-x/hexo-theme-volantis/issues/328
+    display: none !important // 隐藏导航栏播放器音量调节 see: https://github.com/volantis-x/hexo-theme-volantis/issues/328
+
+
+if hexo-config('plugins.aplayer.autoHide')
+  .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body
+    left: -66px !important
+    &:hover
+      left: 0px !important

package/source/css/{_plugins → _style/_plugins}/cursor.styl

@@ -15,22 +15,25 @@ $grab = url(hexo-config('custom_css.cursor.grab'))
 p,
 input,
 pre>span,
-textarea,
-    cursor: $text,text !important
+textarea
+  cursor: $text,text
 
 
-.fancybox-container .fancybox-stage
-    cursor: $zoom-out,zoom-out !important
+.fancybox-container .fancybox-stage,
+.fancybox__carousel .is-draggable
+  cursor: $zoom-out,zoom-out
 
 
 .fancybox a,
-.fancybox-can-zoomIn .fancybox-content
-    cursor: $zoom-in,zoom-in !important
+.fancybox-can-zoomIn .fancybox-content,
+.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content
+  cursor: $zoom-in,zoom-in
 
 span.btn>a:not([href]):hover,
 .fancybox-button[disabled], .fancybox-button[disabled]:hover,
-.gt-container .gt-btn.is--disable
-  cursor: $not-allowed,not-allowed !important
+.gt-container .gt-btn.is--disable,
+span.not-select
+  cursor: $not-allowed,not-allowed
 
 
 html,
@@ -50,11 +53,18 @@ kbd,
 .MiniValine *,
 .aplayer .aplayer-info .aplayer-music,
 .gt-container a.is--active,
+.iziToast,
+.iziToast p,
+.iframe,
+.embed-show,
+p > img,
+p > svg,
 .fix-cursor-default
-  cursor: $default,default !important
+  cursor: $default,default
 
 
 a,
+psw,
 button,
 html input[type=button],
 input[type=reset],
@@ -109,5 +119,35 @@ div.tabs ul.nav-tabs li.tab a,
 .gt-container .gt-comment-like:hover,
 .gt-container .gt-comment-edit:hover,
 .gt-container .gt-comment-reply:hover,
+.tk-icon,
+.tk-avatar img,
+.tk-meta a,
+.tk-action-icon,
+.fancybox,
 .fix-cursor-pointer
+  cursor: $pointer,pointer
+
+// 强制覆盖区域
+.cur-default
+  cursor: $default,default !important
+
+.cur-pointer,
+.carousel__button,
+.fancybox__slide
   cursor: $pointer,pointer !important
+
+.cur-not-allowed
+  cursor: $not-allowed,not-allowed !important
+
+.cur-zoom-in,
+.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content,
+.has-image[data-image-fit=contain].can-zoom_in .fancybox__image
+  cursor: $zoom-in,zoom-in !important
+
+.cur-zoom-out,
+.fancybox__carousel .is-draggable,
+.has-image[data-image-fit=contain].is-draggable .fancybox__image
+  cursor: $zoom-out,zoom-out !important
+
+.cur-text
+  cursor: $text,text !important

package/source/css/_style/_plugins/fontcolor.styl

@@ -0,0 +1,79 @@
+// Icon 颜色
+// https://flatuicolors.com/palette/defo
+.fa,
+.fas,
+.far,
+.fad,
+.fal,
+// 图标颜色自定义
+.iziToast>.iziToast-body .iziToast-icon
+  &.red
+    color: $color-md-red
+  &.pink
+    color: $color-md-pink
+  &.purple
+    color: $color-md-purple
+  &.indigo
+    color: $color-md-indigo
+  &.light-blue
+    color: $color-md-light-blue
+  &.deep-blue
+    color: $color-md-deep-blue
+  &.teal
+    color: $color-md-teal
+  &.light-green
+    color: $color-md-light-green
+  &.orange
+    color: $color-md-orange
+  &.deep-orange
+    color: $color-md-deep-orange
+  &.brown
+    color: $color-md-brown
+  &.blue-grey
+    color: $color-md-blue-grey
+  &.yellow
+    color: $color-md-yellow
+    
+  &.TURQUOISE
+    color: #1abc9c
+  &.EMERALD
+    color: #2ecc71
+  &.PETERRIVE
+    color: #3498db
+  &.AMETHYST
+    color: #9b59b6
+  &.WETASPHALT
+    color: #34495e
+
+  &.GREENSEA
+    color: #16a085
+  &.NEPHRITIS
+    color: #27ae60
+  &.BELIZEHOLE
+    color: #2980b9
+  &.WISTERIA
+    color: #8e44ad
+  &.MIDNIGHTBLUE
+    color: #2c3e50
+
+  &.SUNFLOWER
+    color: #f1c40f
+  &.CARROT
+    color: #e67e22
+  &.ALIZARIN
+    color: #e74c3c
+  &.CLOUDS
+    color: #ecf0f1
+  &.CONCRETE
+    color: #95a5a6
+
+  &.ORANGE
+    color: #f39c12
+  &.PUMPKIN
+    color: #d35400
+  &.POMEGRANATE
+    color: #c0392b
+  &.SILVER
+    color: #bdc3c7
+  &.ASBESTOS
+    color: #7f8c8d

package/source/css/{_plugins → _style/_plugins}/index.styl

@@ -1,18 +1,26 @@
 @import 'mathjax'
-@import 'fancybox'
+@import 'fontcolor'
+
+
+if hexo-config('plugins.code_highlight')
+  @import '_highlight'
+if hexo-config('plugins.message.enable')
+  @import 'message'
 if hexo-config('plugins.aplayer.enable')
   @import 'aplayer'
-if hexo-config('plugins.clipboard.enable')
-  @import 'clipboard'
 if hexo-config('plugins.pjax.enable') and hexo-config('plugins.pjax.animation')
   @import 'pjaxanimate'
 if hexo-config('comments.service')=='valine'
   @import 'valine'
 if hexo-config('comments.service')=='gitalk'
   @import 'gitalk'
-if hexo-config('comments.service')=='twikoo'
-  @import 'twikoo'
 if hexo-config('custom_css.cursor.enable')
   @import 'cursor'
 if hexo-config('rightmenu.enable')
-  @import 'rightmenu'
+  @import '_rightmenu/*'
+
+
+
+// 暗黑模式样式放到最后加载
+if hexo-config('plugins.darkmode.enable')
+  @import '_dark/dark_async'

package/source/css/_style/_plugins/message.styl

@@ -0,0 +1,14 @@
+// 覆盖消息提示的样式
+//.iziToast-wrapper
+//  z-index: 2147483647 !important
+.iziToast-texts
+  max-width: 300px !important
+  min-width: 200px !important
+  @media screen and (max-width: 500px)
+    max-width: unset !important
+    min-width: unset !important
+.iziToast-title
+  margin-bottom: 6px !important
+  font-size: 1rem !important
+.iziToast-message
+  word-break: break-all !important

package/source/css/_style/_tag-plugins/Readme.md

@@ -0,0 +1,9 @@
+这里存放 tag 标签 的样式
+
+为便于管理样式, 文件名使用 tag 名称命名
+
+tag.json 索引 tag 标签名称和使用的样式文件的对应关系
+
+tag 标签 样式 按需加载依赖 tag.json
+
+按需加载自动化方案 see: scripts/helpers/tag-plugins-style/index.js

package/source/css/{_plugins → _style/_tag-plugins}/fancybox.styl

@@ -39,22 +39,22 @@ div.gallery
     flex-wrap: nowrap
     padding: 0 !important
     align-items: stretch
-  &[col]>p
+  &[col]
     flex-wrap: wrap
     justify-content: flex-start
-  &[col='2']>p>.fancybox
+  &[col='2']>.fancybox
     width: "calc(50% - 2 * %s)" % $sp
-  &[col='3']>p>.fancybox
+  &[col='3']>.fancybox
     width: "calc(33.33% - 2 * %s)" % $sp
-  &[col='4']>p>.fancybox
+  &[col='4']>.fancybox
     width: "calc(25% - 2 * %s)" % $sp
-  &[col='5']>p>.fancybox
+  &[col='5']>.fancybox
     width: "calc(20% - 2 * %s)" % $sp
-  &[col='6']>p>.fancybox
+  &[col='6']>.fancybox
     width: "calc(16.66% - 2 * %s)" % $sp
-  &[col='7']>p>.fancybox
+  &[col='7']>.fancybox
     width: "calc(14.2857% - 2 * %s)" % $sp
-  &[col='8']>p>.fancybox
+  &[col='8']>.fancybox
     width: "calc(12.5% - 2 * %s)" % $sp
   >p
     margin: 0
@@ -89,7 +89,6 @@ div.fancybox
     line-height: 0
     margin: 0 auto
     align-items: stretch
-    cursor: zoom-in
   .gallery
     overflow: hidden
   .image-caption