hexo-theme-solitude 1.5.10 → 1.6.0

package/source/css/_global/index.styl

@@ -54,4 +54,365 @@
   --card-box-shadow 0 3px 8px 6px rgba(7, 17, 27, 0.06)
   --card-hover-box-shadow 0 3px 8px 6px rgba(7, 17, 27, 0.15)
   --offset 0px
-  --hlscrollbar-bg #121212
+  --hlscrollbar-bg #121212
+
+body
+  position relative
+  min-height 100%
+  background var(--efu-background)
+  color var(--efu-fontcolor)
+  font-size $font-size
+  font-family $font-family
+  line-height 2
+  -webkit-tap-highlight-color transparent
+  margin 0
+
+*
+  box-sizing border-box
+
+html
+  line-height 1.15
+  -webkit-text-size-adjust 100%
+  text-size-adjust 100%
+  height: 100%;
+  font-size: 20px
+  overflow-y: overlay
+
+main
+  display block
+
+// scrollbar - chrome/safari
+*::-webkit-scrollbar
+  width 5px
+  height 5px
+
+*::-webkit-scrollbar-thumb
+  background var(--scrollbar-color)
+
+*::-webkit-scrollbar-track
+  background-color transparent
+
+#site-title,
+#site-subtitle,
+.site-name,
+#aside-content .author-info__name,
+#aside-content .author-info__description
+  font-family "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif
+
+
+if hexo-config('lazyload.enable') && !hexo-config('lazyload.placeholder')
+  img
+    &[data-lazy-src]:not(.loaded)
+      filter blur(8px) brightness(1)
+
+    &[data-lazy-src].error
+      filter none
+
+::selection
+  background var(--efu-main)
+  color var(--efu-white)
+
+h1
+  font-size 2em
+  margin .67em 0
+
+h1, h2, h3, h4, h5, h6
+  padding-top 0
+  padding-left 0
+  font-weight 700
+  position relative
+  margin 1rem 0 0.7rem
+  color var(--efu-fontcolor)
+
+hr
+  box-sizing content-box
+  height 0
+  overflow visible
+  display: none
+
+pre
+  font-family monospace, monospace
+
+a
+  color var(--efu-fontcolor)
+  text-decoration none
+  transition all .3s ease 0s
+  overflow-wrap break-word
+  -webkit-user-drag none
+
+abbr[title]
+  border-bottom none
+  text-decoration underline dotted
+
+b, strong
+  font-weight bolder
+
+code, kbd, samp
+  font-family $code-font-family
+  font-size $code-font-size
+
+small
+  font-size 80%
+
+sub, sup
+  font-size 75%
+  line-height 0
+  position relative
+  vertical-align baseline
+
+sub
+  bottom -.25em
+
+sup
+  top -.5em
+
+button, input, optgroup, select, textarea
+  font-family inherit
+  font-size 100%
+  line-height 1.15
+  margin 0
+
+button, input
+  overflow visible
+
+input::placeholder
+  color var(--efu-gray)
+
+button, select
+  text-transform none
+
+[type=button], [type=reset], [type=submit], button
+  appearance button
+
+fieldset
+  padding .35em .75em .625em
+
+legend
+  box-sizing border-box
+  color inherit
+  display table
+  max-width 100%
+  padding 0
+  white-space normal
+
+progress
+  vertical-align baseline
+
+textarea
+  overflow auto
+
+[type=checkbox], [type=radio]
+  box-sizing border-box
+  padding 0
+
+[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
+  height auto
+
+[type=search]
+  appearance textfield
+  outline-offset -2px
+
+[type=search]::-webkit-search-decoration
+  appearance none
+
+input[type=checkbox] + label::before, input[type=radio] + label::before
+  content ''
+  display inline-block
+  width 16px
+  height 16px
+  border 1px solid #999
+  background-color #fff
+  margin-right 5px
+  vertical-align middle
+
+::-webkit-file-upload-button
+  appearance button
+  font inherit
+
+summary
+  display list-item
+
+template
+  display none
+
+[hidden]
+  display none
+
+input::placeholder
+  color var(--efu-fontcolor)
+
+.table-wrap
+  overflow-x scroll
+  margin 0 0 1rem
+
+table
+  display table
+  width 100%
+  border-spacing 0
+  border-collapse collapse
+  empty-cells show
+
+table thead
+  background rgba(153, 169, 191, .1)
+
+table td, table th
+  padding .3rem .6rem
+  border 1px solid var(--light-grey)
+  vertical-align middle
+
+button
+  padding 0
+  outline 0
+  border none
+  color var(--efu-fontcolor)
+  background 0 0
+  cursor pointer
+
+img
+  border-style none
+  max-width 100%
+  transition all .2s ease 0s
+  -webkit-user-drag none
+
+img:not([src]), img[src=""]
+  opacity 0
+
+.img-alt
+  font-size 12px
+  margin 0
+  margin-top 8px
+  color var(--efu-secondtext)
+
+.is-center
+  text-align center
+  display flex
+  flex-wrap wrap
+  justify-content center
+  flex-direction row
+  align-items center
+
+.copy-true
+  user-select all
+
+.pull-left
+  float left
+
+.pull-right
+  float right
+
+blockquote
+  border var(--style-border-always)
+  background-color var(--efu-secondbg)
+  color var(--efu-secondtext)
+  border-radius 8px
+  margin 1rem 0
+  padding .5rem .8rem
+
+  p
+    padding 0
+    margin 0
+
+li, ul
+  list-style none
+  display block
+  margin 0
+  padding 0
+
+::-webkit-scrollbar
+  width 6px
+  height 6px
+
+::-webkit-scrollbar-thumb
+  background var(--efu-scrollbar)
+  border-radius 8px
+  cursor pointer
+
+::-webkit-scrollbar-thumb:hover
+  background var(--efu-main)
+  opacity 1
+  display block !important
+
+::-webkit-scrollbar-track
+  background-color var(--efu-none)
+
+[data-theme=dark] img
+  filter brightness(1)
+
+a.extend
+  .next
+    right 0
+
+  .prev
+    left 0
+
+table td, table th
+  border var(--style-border-always)
+
+table thead
+  background var(--efu-secondbg)
+
+b, strong
+  color var(--efu-lighttext)
+
+.button--animated
+  border-radius 8px
+  transition .3s
+  position relative
+
+i.solitude
+  font-size 22px
+  line-height 1
+
+.layout
+  display: flex
+  margin: 0 auto
+  padding: 1rem 1.5rem
+  max-width: 1200px
+  +maxWidth768()
+    padding 0
+
+  &#content-inner
+    max-width: 1400px
+
+  /.hide-aside.layout
+    max-width: 1400px
+
+    > div
+      width: 100% !important
+
+  > div:first-child
+    width calc(100% - 300px)
+
+    +maxWidth1200()
+      width 100%
+
+  > div:first-child:not(.recent-posts)
+    box-shadow var(--efu-shadow-border)
+    padding 1rem 2rem
+    border-radius 12px
+    background var(--efu-card-bg)
+    border var(--style-border)
+    align-self flex-start
+    animation slide-in .6s .1s backwards
+    position relative
+
+    +maxWidth768()
+      box-shadow none
+      border none
+      padding 0 1rem
+      background var(--efu-background)
+
+span.tags-punctuation::before
+  content: "\e071"
+  font-family: solitude, serif !important
+  font-size: 12px
+  transition none
+  margin-right: 2px
+  opacity: .4
+
+  .hide-aside #page &
+    font-size 16px
+
+  #post-info &
+    font-size 14px
+    line-height 32px

package/source/css/_highlight/color.styl

@@ -1,4 +1,4 @@
-$highlight_color = hexo-config('hightlight.color')
+$highlight_color = hexo-config('highlight.color')
 
 if $highlight_color == "default"
   $highlight-comment = #969896
@@ -11,18 +11,84 @@ if $highlight_color == "default"
   $highlight-purple = #C792EA
   $highlight-deletion = #BF42BF
   $highlight-addition = #105EDE
-else if $highlight_color == "vscode"
-  $highlight-comment = #6A9955
-  $highlight-red = #D16969
-  $highlight-orange = #D7BA7D
-  $highlight-yellow = #D7BA7D
-  $highlight-green = #608B4E
-  $highlight-aqua = #4EC9B0
-  $highlight-blue = #569CD6
-  $highlight-purple = #C586C0
-  $highlight-deletion = #D16969
-  $highlight-addition = #608B4E
-else if $highlight_color == "solarized-dark"
+else if $highlight_color == "dark"
+  $highlight-comment = #6272A4
+  $highlight-red = #FF5370
+  $highlight-orange = #F78C6C
+  $highlight-yellow = #FFCB6B
+  $highlight-green = #C3E88D
+  $highlight-aqua = #89DDFF
+  $highlight-blue = #82AAFF
+  $highlight-purple = #C792EA
+  $highlight-deletion = #BF42BF
+  $highlight-addition = #105EDE
+else if $highlight_color == "funky"
+  $highlight-comment = #6272A4
+  $highlight-red = #FF5370
+  $highlight-orange = #FFCB6B
+  $highlight-yellow = #C3E88D
+  $highlight-green = #89DDFF
+  $highlight-aqua = #82AAFF
+  $highlight-blue = #C792EA
+  $highlight-purple = #FF5370
+  $highlight-deletion = #F07178
+  $highlight-addition = #C3E88D
+else if $highlight_color == "okaidia"
+  $highlight-comment = #6272A4
+  $highlight-red = #FF5370
+  $highlight-orange = #FFCB6B
+  $highlight-yellow = #C3E88D
+  $highlight-green = #89DDFF
+  $highlight-aqua = #82AAFF
+  $highlight-blue = #C792EA
+  $highlight-purple = #FF5370
+  $highlight-deletion = #F07178
+  $highlight-addition = #C3E88D
+else if $highlight_color == "tomorrow"
+  $highlight-comment = #6272A4
+  $highlight-red = #FF5370
+  $highlight-orange = #F78C6C
+  $highlight-yellow = #FFCB6B
+  $highlight-green = #C3E88D
+  $highlight-aqua = #89DDFF
+  $highlight-blue = #82AAFF
+  $highlight-purple = #C792EA
+  $highlight-deletion = #BF42BF
+  $highlight-addition = #105EDE
+else if $highlight_color == "twilight"
+  $highlight-comment = #6272A4
+  $highlight-red = #FF5370
+  $highlight-orange = #F78C6C
+  $highlight-yellow = #FFCB6B
+  $highlight-green = #C3E88D
+  $highlight-aqua = #89DDFF
+  $highlight-blue = #82AAFF
+  $highlight-purple = #C792EA
+  $highlight-deletion = #BF42BF
+  $highlight-addition = #105EDE
+else if $highlight_color == "darcula"
+  $highlight-comment = #6272A4
+  $highlight-red = #FF5370
+  $highlight-orange = #F78C6C
+  $highlight-yellow = #FFCB6B
+  $highlight-green = #C3E88D
+  $highlight-aqua = #89DDFF
+  $highlight-blue = #82AAFF
+  $highlight-purple = #C792EA
+  $highlight-deletion = #BF42BF
+  $highlight-addition = #105EDE
+else if $highlight_color == "material"
+  $highlight-comment = #546E7A
+  $highlight-red = #FF5370
+  $highlight-orange = #FFCB6B
+  $highlight-yellow = #C3E88D
+  $highlight-green = #89DDFF
+  $highlight-aqua = #82AAFF
+  $highlight-blue = #C792EA
+  $highlight-purple = #FF5370
+  $highlight-deletion = #F07178
+  $highlight-addition = #C3E88D
+else if $highlight_color == "solarized-light"
   $highlight-comment = #93A1A1
   $highlight-red = #DC322F
   $highlight-orange = #CB4B16
@@ -31,38 +97,38 @@ else if $highlight_color == "solarized-dark"
   $highlight-aqua = #2AA198
   $highlight-blue = #268BD2
   $highlight-purple = #6C71C4
-  $highlight-deletion = #DC322F
+  $highlight-deletion = #D33682
   $highlight-addition = #859900
-else if $highlight_color == "solarized-light"
-  $highlight-comment = #586E75
-  $highlight-red = #D30102
-  $highlight-orange = #BD3613
-  $highlight-yellow = #A57705
-  $highlight-green = #728A05
-  $highlight-aqua = #259185
-  $highlight-blue = #2176C7
+else if $highlight_color == "solarized-dark"
+  $highlight-comment = #657B83
+  $highlight-red = #DC322F
+  $highlight-orange = #CB4B16
+  $highlight-yellow = #B58900
+  $highlight-green = #859900
+  $highlight-aqua = #2AA198
+  $highlight-blue = #268BD2
   $highlight-purple = #6C71C4
-  $highlight-deletion = #D30102
-  $highlight-addition = #728A05
-else if $highlight_color == "dracula"
+  $highlight-deletion = #D33682
+  $highlight-addition = #859900
+else if $highlight_color == "github"
+  $highlight-comment = #969896
+  $highlight-red = #D73A49
+  $highlight-orange = #BD2C00
+  $highlight-yellow = #E5C07B
+  $highlight-green = #28A745
+  $highlight-aqua = #00A9C0
+  $highlight-blue = #0366D6
+  $highlight-purple = #6F42C1
+  $highlight-deletion = #D73A49
+  $highlight-addition = #28A745
+else
   $highlight-comment = #6272A4
-  $highlight-red = #FF5555
-  $highlight-orange = #FFB86C
-  $highlight-yellow = #F1FA8C
-  $highlight-green = #50FA7B
-  $highlight-aqua = #8BE9FD
-  $highlight-blue = #BD93F9
-  $highlight-purple = #FF79C6
-  $highlight-deletion = #FF5555
-  $highlight-addition = #50FA7B
-else if $highlight_color == "monokai"
-  $highlight-comment = #75715E
-  $highlight-red = #F926
-  $highlight-orange = #FD971F
-  $highlight-yellow = #E6DB74
-  $highlight-green = #A6E22E
-  $highlight-aqua = #66D9EF
-  $highlight-blue = #AE81FF
-  $highlight-purple = #F92672
-  $highlight-deletion = #F926
-  $highlight-addition = #A6E22E
+  $highlight-red = #FF5370
+  $highlight-orange = #F78C6C
+  $highlight-yellow = #FFCB6B
+  $highlight-green = #C3E88D
+  $highlight-aqua = #89DDFF
+  $highlight-blue = #82AAFF
+  $highlight-purple = #C792EA
+  $highlight-deletion = #BF42BF
+  $highlight-addition = #105EDE