Add solitude

themes/solitude/source/css/_highlight/color.styl

@@ -0,0 +1,72 @@
+$highlight_color = hexo-config('highlight.color')
+
+if $highlight_color == "default"
+  $highlight-variable-dark = #569CD6
+  $highlight-number-dark = #B5CEA8
+  $highlight-string-dark = #CE9178
+  $highlight-title-dark = #DCDCAA
+  $highlight-emphasis-dark = #6A9955
+  $highlight-variable-light = #0000FF
+  $highlight-number-light = #098658
+  $highlight-string-light = #A31515
+  $highlight-title-light = #795E26
+  $highlight-emphasis-light = #0451A5
+  $highlight-parameter-dark = #FFB86C
+  $highlight-parameter-light = #FFB86C
+  $highlight-comment-dark = $highlight-string-dark
+  $highlight-comment-light = $highlight-string-light
+  $highlight-deleted = #f00
+  $highlight-inserted = #35cd4b
+else if $highlight_color == "solidity"
+  $highlight-variable-dark = #D74BDE
+  $highlight-number-dark = #8DA1A0
+  $highlight-string-dark = #5B876D
+  $highlight-title-dark = #D74BDE
+  $highlight-emphasis-dark = #BA9C23
+  $highlight-variable-light = #0000FF
+  $highlight-number-light = #098658
+  $highlight-string-light = #A31515
+  $highlight-title-light = #795E26
+  $highlight-emphasis-light = #0451A5
+  $highlight-parameter-dark = #FFB86C
+  $highlight-parameter-light = #FFB86C
+  $highlight-comment-dark = $highlight-string-dark
+  $highlight-comment-light = $highlight-string-light
+  $highlight-deleted = #f00
+  $highlight-inserted = #35cd4b
+else if $highlight_color == "dracula"
+  $highlight-variable-dark = #FF79C6
+  $highlight-number-dark = #BD93F9
+  $highlight-string-dark = #F1FA8C
+  $highlight-title-dark = #50FA7B
+  $highlight-emphasis-dark = #8BE9FD
+  $highlight-variable-light = #FF79C6
+  $highlight-number-light = #BD93F9
+  $highlight-string-light = #A31515
+  $highlight-title-light = #795E26
+  $highlight-emphasis-light = #0451A5
+  $highlight-parameter-dark = #FFB86C
+  $highlight-parameter-light = #FFB86C
+  $highlight-comment-dark = #6272A4
+  $highlight-comment-light = #6272A4
+  $highlight-important-dark = #BD93F9
+  $highlight-important-light = #BD93F9
+  $highlight-deleted = #f00
+  $highlight-inserted = #35cd4b
+else 
+  $highlight-variable-dark = #569CD6
+  $highlight-number-dark = #B5CEA8
+  $highlight-string-dark = #CE9178
+  $highlight-title-dark = #DCDCAA
+  $highlight-emphasis-dark = #6A9955
+  $highlight-variable-light = #0000FF
+  $highlight-number-light = #098658
+  $highlight-string-light = #A31515
+  $highlight-title-light = #795E26
+  $highlight-emphasis-light = #0451A5
+  $highlight-parameter-dark = #FFB86C
+  $highlight-parameter-light = #FFB86C
+  $highlight-comment-dark = $highlight-string-dark
+  $highlight-comment-light = $highlight-string-light
+  $highlight-deleted = #f00
+  $highlight-inserted = #35cd4b

themes/solitude/source/css/_highlight/highlight/diff.styl

@@ -0,0 +1,51 @@
+figure.highlight
+  table::-webkit-scrollbar
+    color var(--efu-secondbg)
+    height 6px
+    background var(--efu-hl-bg)
+    border-radius 6px
+    display initial
+
+  .keyword
+  .attr
+  .variable
+  .literal
+  .property
+    color $highlight-variable-light
+
+  .number
+    color $highlight-number-light
+
+  .string
+    color $highlight-string-light
+
+  .built_in
+  .title
+  .params
+  .name
+    color $highlight-title-light
+
+  .emphasis
+    color $highlight-emphasis-light
+
+  [data-theme=dark] &  
+    .keyword
+    .attr
+    .variable
+    .property
+      color $highlight-variable-dark
+
+    .number
+      color $highlight-number-dark
+
+    .string
+      color $highlight-string-dark
+
+    .built_in
+    .built_in
+    .title
+    .params
+      color $highlight-title-dark
+
+    .emphasis
+      color $highlight-emphasis-dark

themes/solitude/source/css/_highlight/highlight/index.styl

@@ -0,0 +1,46 @@
+@import "diff"
+figure
+  pre
+    margin 0
+    padding 8px 0
+    border none
+  table
+    display block
+    border none
+    overflow-y hidden
+    overflow-x auto
+
+    td
+      padding 0
+      border none
+      height 100%
+
+      &.gutter
+        opacity .6
+        user-select none
+        min-width initial
+
+        pre
+          overflow auto
+          line-height 1.6
+          margin 0
+          padding 8px .5rem
+          border none
+          color var(--efu-secondtext)
+          background var(--efu-secondbg)
+          border-right var(--style-border-always)
+          text-align center
+
+      &.code
+        width 100%
+        display flex
+        position relative
+
+        pre
+          padding-right .5rem
+          padding-left .5rem
+          width 100%
+
+  .line
+    &.marked
+      background-color: rgba(97, 97, 97, .314)

themes/solitude/source/css/_highlight/index.styl

@@ -0,0 +1,117 @@
+@import "color"
+
+@import "theme/" + hexo-config('highlight.theme')
+
+if $highlight_enable
+  @require "highlight/index.styl"
+
+if $prismjs_enable
+  @require "prismjs/index.styl"
+
+figure
+  &:hover
+    box-shadow var(--efu-shadow-border-hover)
+
+  .copy-btn
+    position absolute
+    top 1rem
+    right 1rem
+    z-index 10
+    color var(--efu-fontcolor)
+    cursor pointer
+    transition all .2s ease 0s
+
+    &:hover
+      color var(--efu-lighttext)
+
+  &.highlight
+    background-color var(--efu-hl-bg)
+    color var(--efu-fontcolor)
+    border var(--style-border-always)
+    overflow hidden
+    border-radius 8px 8px 4px 4px
+    position relative
+    margin .5rem 0 .5rem
+    padding 0
+    line-height 1.6
+
+    .highlight-tools
+      position relative
+      display flex
+      -webkit-box-align center
+      align-items center
+      overflow hidden
+      min-height 1.2rem
+      border-radius 8px 8px 0 0
+      height 2.15em
+      font-size 16px
+      background var(--efu-hltools-bg)
+      border-bottom var(--style-border-always)
+      color var(--efu-fontcolor)
+
+      &.closed
+        .expand
+          transition all .3s ease 0s
+
+        & ~ *
+          display none
+
+      .st-copy-fill
+        position absolute
+        cursor pointer
+        transition color .2s
+        font-size 18px
+
+      .st-copy-fill:hover
+        color var(--efu-main)
+
+      .expand
+        position absolute
+        padding 0.4rem 0.3rem
+        cursor pointer
+        transition transform .3s ease 0s
+
+      .code-lang
+        text-transform capitalize
+        position absolute
+        font-weight 700
+        font-size 1.15em
+        user-select none
+
+    .code-expand-btn
+      background var(--efu-hltools-bg)
+      transition .3s
+      backdrop-filter saturate(180%) blur(20px)
+      transform translateZ(0)
+      border-top var(--style-border-always)
+      position absolute
+      bottom 0
+      z-index 1
+      width 100%
+      text-align center
+      font-size 16px
+      cursor pointer
+      display flex
+      align-items center
+      justify-content center
+      height 32px
+
+      i
+        color var(--efu-fontcolor)
+        line-height 1
+        animation 1.2s ease 0s infinite normal none running code-expand-key
+
+      &:hover
+        background var(--efu-main)
+
+        i
+          color var(--efu-white)
+
+      &.expand-done
+        display none
+
+      &:not(.expand-done)
+        & ~ table,
+        & ~ pre
+          overflow: hidden
+          height: unit(hexo-config('highlight.limit'), px)

themes/solitude/source/css/_highlight/prismjs/diff.styl

@@ -0,0 +1,80 @@
+pre[class*='language-']
+
+  .keyword
+  .function
+    color $highlight-variable-light
+
+  .operator
+    color $highlight-variable-light
+
+  .number
+    color $highlight-number-light
+
+  .property
+  .class-name
+  .title
+    color $highlight-title-light
+
+  .string
+    color $highlight-string-light
+ 
+  .parameter
+    color $highlight-parameter-light
+
+  .blockquote
+    cikir $highlight-emphasis-light
+
+  .comment
+    color $highlight-comment-light
+
+  .atrule
+    color $highlight-emphasis-light
+
+  .boolean
+    color $highlight-important-light
+
+  .deleted
+    color $highlight-deleted
+
+  .inserted
+    color $highlight-inserted
+
+  [data-theme='dark'] &
+    .keyword
+    .function
+      color $highlight-variable-dark
+
+    .operator
+      color $highlight-variable-dark
+
+    .number
+      color $highlight-number-dark
+
+    .property
+    .class-name
+    .title
+      color $highlight-title-dark
+
+    .string
+      color $highlight-string-dark
+      
+    .parameter
+      color $highlight-parameter-dark
+
+    .blockquote
+      color $highlight-emphasis-dark
+
+    .comment
+      color $highlight-comment-dark
+
+    .atrule
+      color $highlight-emphasis-dark
+
+    .boolean
+      color $highlight-important-dark
+
+    .deleted
+      color $highlight-deleted
+
+    .inserted
+      color $highlight-inserted

themes/solitude/source/css/_highlight/prismjs/index.styl

@@ -0,0 +1,15 @@
+@require line-number
+
+@require diff
+
+#article-container
+  pre[class*='language-']
+    margin 0
+    overflow-x auto
+    scrollbar-color var(--hlscrollbar-bg) transparent
+
+    &::-webkit-scrollbar-thumb
+      background var(--hlscrollbar-bg)
+
+    &:not(.line-numbers)
+      padding 10px 20px

themes/solitude/source/css/_highlight/prismjs/line-number.styl

@@ -0,0 +1,28 @@
+#article-container
+  pre[class*='language-']
+    &.line-numbers
+      position relative
+
+      > code
+        display block
+        position relative
+        padding 8px 0 8px 58px
+
+      .line-numbers-rows
+        position absolute
+        top 0
+        left 0
+        color var(--efu-secondtext)
+        border-right var(--style-border-always)
+        width 45px
+        padding 8px 0
+
+        & > span
+          display block
+          counter-increment linenumber
+          pointer-events none
+          text-align center
+
+          &:before
+            padding 0 0.5em
+            content counter(linenumber)

themes/solitude/source/css/_highlight/theme/default.styl

@@ -0,0 +1,14 @@
+figure
+  &.highlight
+    .highlight-tools
+      .st-copy-fill
+        right .7rem
+
+      &.closed
+        .expand
+          transform rotate(-90deg)
+
+    .expand
+      & + .code-lang
+        left 1.7rem
+

themes/solitude/source/css/_highlight/theme/mac.styl

@@ -0,0 +1,26 @@
+figure
+  &.highlight
+    .highlight-tools
+      .st-copy-fill
+        right 1.7rem
+
+      &:after
+        position absolute
+        left 14px
+        width 12px
+        height 12px
+        border-radius 50%
+        background #fc625d
+        -webkit-box-shadow 20px 0 #fdbc40, 40px 0 #35cd4b
+        box-shadow 20px 0 #fdbc40, 40px 0 #35cd4b
+        content ' '
+
+      .expand
+        right 0
+
+        & + .code-lang
+          left 75px
+
+      &.closed
+        .expand
+          transform rotate(90deg)