hexo-theme-redefine-x 2.8.5

package/source/css/common/codeblock/code-theme.styl

@@ -0,0 +1,82 @@
+@require '../variables.styl'
+
+if (hexo-config('articles.code_block.highlight_theme.light') == 'github') {
+  @require 'hljs-themes/light/github.styl'
+} else if (hexo-config('articles.code_block.highlight_theme.light') == 'atom-one-light') {
+  @require 'hljs-themes/light/atom-one-light.styl'
+} else if (hexo-config('articles.code_block.highlight_theme.light') == 'default') {
+  @require 'hljs-themes/light/default.styl'
+} else {
+  @require 'hljs-themes/light/github.styl'
+}
+
+if (hexo-config('articles.code_block.highlight_theme.dark') == 'github-dark') {
+  @require 'hljs-themes/dark/github-dark.styl'
+} else if (hexo-config('articles.code_block.highlight_theme.dark') == 'vs2015') {
+  @require 'hljs-themes/dark/vs2015.styl'
+} else if (hexo-config('articles.code_block.highlight_theme.dark') == 'atom-one-dark') {
+  @require 'hljs-themes/dark/atom-one-dark.styl'
+} else if (hexo-config('articles.code_block.highlight_theme.dark') == 'a11y-dark') {
+  @require 'hljs-themes/dark/a11y-dark.styl'
+} else if (hexo-config('articles.code_block.highlight_theme.dark') == 'agate') {
+  @require 'hljs-themes/dark/agate.styl'
+} else if (hexo-config('articles.code_block.highlight_theme.dark') == 'monokai-sublime') {
+  @require 'hljs-themes/dark/monokai-sublime.styl'
+} else if (hexo-config('articles.code_block.highlight_theme.dark') == 'night-owl') {
+  @require 'hljs-themes/dark/night-owl.styl'
+} else if (hexo-config('articles.code_block.highlight_theme.dark') == 'nord') {
+  @require 'hljs-themes/dark/nord.styl'
+} else if (hexo-config('articles.code_block.highlight_theme.dark') == 'tokyo-night-dark') {
+  @require 'hljs-themes/dark/tokyo-night-dark.styl'
+} else {
+  @require 'hljs-themes/dark/github-dark.styl'
+}
+
+$highlight-gutter-color = #6a737d
+$highlight-gutter-bg-color = #f6f8fa
+$dark-highlight-gutter-color = #8b949e
+$dark-highlight-gutter-bg-color = #161b22
+
+$inline-code-foreground = #24292e
+$inline-code-background = #f1f1f1
+$dark-inline-code-foreground = #c9d1d9
+$dark-inline-code-background = #313131
+
+code-theme(mode)
+  --inline-code-foreground: mode == 'light' ? $inline-code-foreground : $dark-inline-code-foreground
+  --inline-code-background: mode == 'light' ? $inline-code-background : $dark-inline-code-background
+  --highlight-background: mode == 'light' ? $highlight-background : $dark-highlight-background
+  --highlight-foreground: mode == 'light' ? $highlight-foreground : $dark-highlight-foreground
+  --highlight-keyword: mode == 'light' ? $highlight-keyword : $dark-highlight-keyword
+  --highlight-link: mode == 'light' ? $highlight-link : $dark-highlight-link
+  --highlight-built-in: mode == 'light' ? $highlight-built-in : $dark-highlight-built-in
+  --highlight-number: mode == 'light' ? $highlight-number : $dark-highlight-number
+  --highlight-string: mode == 'light' ? $highlight-string : $dark-highlight-string
+  --highlight-regexp: mode == 'light' ? $highlight-regexp : $dark-highlight-regexp
+  --highlight-subst: mode == 'light' ? $highlight-subst : $dark-highlight-subst
+  --highlight-comment: mode == 'light' ? $highlight-comment : $dark-highlight-comment
+  --highlight-doctag: mode == 'light' ? $highlight-doctag : $dark-highlight-doctag
+  --highlight-meta: mode == 'light' ? $highlight-meta : $dark-highlight-meta
+  --highlight-variable: mode == 'light' ? $highlight-variable : $dark-highlight-variable
+  --highlight-attr: mode == 'light' ? $highlight-attr : $dark-highlight-attr
+  --highlight-section: mode == 'light' ? $highlight-section : $dark-highlight-section
+  --highlight-bullet: mode == 'light' ? $highlight-bullet : $dark-highlight-bullet
+  --highlight-addition: mode == 'light' ? $highlight-addition : $dark-highlight-addition
+  --highlight-deletion: mode == 'light' ? $highlight-deletion : $dark-highlight-deletion
+
+:root
+  code-theme('light')
+
+@media (prefers-color-scheme light)
+  :root
+    code-theme('light')
+
+@media (prefers-color-scheme dark)
+  :root
+    code-theme('dark')
+
+.light-mode
+  code-theme('light')
+
+.dark-mode
+  code-theme('dark')

package/source/css/common/codeblock/highlight.styl

@@ -0,0 +1,189 @@
+@require 'code-theme.styl'
+
+$code-block
+  -webkit-text-size-adjust none
+  overflow auto
+  margin 20px 0
+  padding 0
+  font-size 1rem
+  line-height 1.5rem
+  color var(--highlight-foreground)
+  background var(--highlight-background)
+
+pre, code
+  line-height 1.5 !important
+  if (hexo-config('articles.code_block.font.enable') && hexo-config('articles.code_block.font.family'))
+    font-family hexo-config('articles.code_block.font.family'), 'Geist Mono', Courier, monospace !important
+  else
+    font-family 'Geist Mono', Courier, monospace !important
+
+pre.mermaid
+  background-color var(--background-color)
+
+  svg
+    display block
+    margin auto
+
+code
+  padding 3px 4px
+  word-wrap break-word
+  border-radius $redefine-border-radius-xsmall
+  color var(--inline-code-foreground)
+  background var(--inline-code-background)
+
+.main-content code
+  font-size: 0.9em
+
+pre
+  @extend $code-block
+  font-size 0.9rem !important
+  padding-top 14px !important
+  tab-size 4
+
+  code
+    padding 0
+    color var(--highlight-foreground)
+    background none
+    text-shadow none
+
+.highlight
+  @extend $code-block
+  border-radius $redefine-border-radius-large-bottom
+  padding-bottom 5px
+  overflow auto
+  margin 0 !important
+
+  if (hexo-config('articles.code_block.style') == 'mac')
+    border-top 1px solid var(--shadow-color-1)
+
+  &:hover::-webkit-scrollbar-thumb
+    border 3px solid rgba(183, 183, 183, 0.3)
+
+  &::-webkit-scrollbar
+    width 6px
+    height 6px
+    transition all 0.2s ease
+    display block
+
+  &::-webkit-scrollbar-track
+    background transparent
+    border none
+
+  &::-webkit-scrollbar-thumb
+    border-radius 20px
+    border 3px solid rgba(183, 183, 183, 0)
+    transition all 0.2s ease
+
+  pre
+    border none
+    margin 0
+    padding 10px 0
+
+  table
+    margin 0
+    width auto
+    border none
+    border-spacing unset
+
+  td
+    border none
+    padding 0
+
+  figcaption
+    font-size 1rem
+    color var(--highlight-foreground)
+    line-height 1rem
+    margin-bottom 1rem
+
+    a
+      float right
+      color var(--highlight-foreground)
+
+      &:hover
+        border-bottom-color var(--highlight-foreground)
+
+  .gutter pre
+    padding-left 10px
+    padding-right 10px
+    color var(--highlight-gutter-color)
+    text-align center
+    background-color var(--highlight-gutter-bg-color)
+
+  .code pre
+    width 100%
+    padding-left 10px
+    padding-right 10px
+    background-color var(--highlight-background)
+
+.gutter
+  -webkit-user-select none
+  -moz-user-select none
+  -ms-user-select none
+  user-select none
+
+.gist table
+  width auto
+
+  td
+    border none
+
+pre
+  .keyword, .literal, .symbol, .name
+    color var(--highlight-keyword)
+
+  .link
+    color var(--highlight-link)
+    text-decoration underline
+
+  .built_in, .type
+    color var(--highlight-built-in)
+
+  .number, .class
+    color var(--highlight-number)
+
+  .string, .meta .string
+    color var(--highlight-string)
+
+  .regexp, .template-tag
+    color var(--highlight-regexp)
+
+  .subst, .function, .title, .params, .formula
+    color var(--highlight-subst)
+
+  .comment, .quote
+    color var(--highlight-comment)
+    font-style italic
+
+  .doctag
+    color var(--highlight-doctag)
+
+  .meta, .meta .keyword, .tag
+    color var(--highlight-meta)
+
+  .variable, .template-variable
+    color var(--highlight-variable)
+
+  .attr, .attribute
+    color var(--highlight-attr)
+
+  .section
+    color var(--highlight-section)
+
+  .emphasis
+    font-style italic
+
+  .strong
+    font-weight bold
+
+  .bullet, .selector-tag, .selector-id, .selector-class, .selector-attr, .selector-pseudo
+    color var(--highlight-bullet)
+
+  .addition
+    color var(--highlight-addition)
+    display inline-block
+    width 100%
+
+  .deletion
+    color var(--highlight-deletion)
+    display inline-block
+    width 100%

package/source/css/common/codeblock/hljs-themes/dark/a11y-dark.styl

@@ -0,0 +1,18 @@
+$dark-highlight-foreground = #f8f8f2
+$dark-highlight-background = #2b2b2b
+$dark-highlight-keyword = #dcc6e0
+$dark-highlight-link = #f5ab35
+$dark-highlight-built-in = #f5ab35
+$dark-highlight-number = #f5ab35
+$dark-highlight-string = #abe338
+$dark-highlight-regexp = #ffa07a
+$dark-highlight-subst = #f8f8f2
+$dark-highlight-comment = #d4d0ab
+$dark-highlight-doctag = #dcc6e0
+$dark-highlight-meta = #f5ab35
+$dark-highlight-variable = #ffa07a
+$dark-highlight-attr = #ffd700
+$dark-highlight-section = #00e0e0
+$dark-highlight-bullet = #abe338
+$dark-highlight-addition = #abe338
+$dark-highlight-deletion = #ffa07a

package/source/css/common/codeblock/hljs-themes/dark/agate.styl

@@ -0,0 +1,18 @@
+$dark-highlight-foreground = #fff
+$dark-highlight-background = #333
+$dark-highlight-keyword = #fcc28c
+$dark-highlight-link = #c6b4f0
+$dark-highlight-built-in = #fcc28c
+$dark-highlight-number = #d36363
+$dark-highlight-string = #a2fca2
+$dark-highlight-regexp = #c6b4f0
+$dark-highlight-subst = #fff
+$dark-highlight-comment = #888
+$dark-highlight-doctag = #fff
+$dark-highlight-meta = #fc9b9b
+$dark-highlight-variable = #ade5fc
+$dark-highlight-attr = #7bd694
+$dark-highlight-section = #62c8f3
+$dark-highlight-bullet = #b8d8a2
+$dark-highlight-addition = #a2fca2
+$dark-highlight-deletion = #fc9b9b

package/source/css/common/codeblock/hljs-themes/dark/atom-one-dark.styl

@@ -0,0 +1,18 @@
+$dark-highlight-foreground = #abb2bf
+$dark-highlight-background = #282c34
+$dark-highlight-keyword = #c678dd
+$dark-highlight-link = #61aeee
+$dark-highlight-built-in = #e6c07b
+$dark-highlight-number = #d19a66
+$dark-highlight-string = #98c379
+$dark-highlight-regexp = #98c379
+$dark-highlight-subst = #e06c75
+$dark-highlight-comment = #5c6370
+$dark-highlight-doctag = #c678dd
+$dark-highlight-meta = #61aeee
+$dark-highlight-variable = #d19a66
+$dark-highlight-attr = #d19a66
+$dark-highlight-section = #e06c75
+$dark-highlight-bullet = #61aeee
+$dark-highlight-addition = #98c379
+$dark-highlight-deletion = #e06c75

package/source/css/common/codeblock/hljs-themes/dark/github-dark.styl

@@ -0,0 +1,18 @@
+$dark-highlight-foreground = #c9d1d9
+$dark-highlight-background = #0d1117
+$dark-highlight-keyword = #ff7b72
+$dark-highlight-link = #ff7b72
+$dark-highlight-built-in = #ffa657
+$dark-highlight-number = #79c0ff
+$dark-highlight-string = #a5d6ff
+$dark-highlight-regexp = #a5d6ff
+$dark-highlight-subst = #c9d1d9
+$dark-highlight-comment = #8b949e
+$dark-highlight-doctag = #ff7b72
+$dark-highlight-meta = #79c0ff
+$dark-highlight-variable = #79c0ff
+$dark-highlight-attr = #79c0ff
+$dark-highlight-section = #1f6feb
+$dark-highlight-bullet = #f2cc60
+$dark-highlight-addition = #aff5b4
+$dark-highlight-deletion = #ffdcd7

package/source/css/common/codeblock/hljs-themes/dark/monokai-sublime.styl

@@ -0,0 +1,18 @@
+$dark-highlight-foreground = #f8f8f2
+$dark-highlight-background = #23241f
+$dark-highlight-keyword = #f92672
+$dark-highlight-link = #ae81ff
+$dark-highlight-built-in = #e6db74
+$dark-highlight-number = #ae81ff
+$dark-highlight-string = #e6db74
+$dark-highlight-regexp = #ae81ff
+$dark-highlight-subst = #f8f8f2
+$dark-highlight-comment = #75715e
+$dark-highlight-doctag = #f92672
+$dark-highlight-meta = #75715e
+$dark-highlight-variable = #e6db74
+$dark-highlight-attr = #f92672
+$dark-highlight-section = #a6e22e
+$dark-highlight-bullet = #ae81ff
+$dark-highlight-addition = #e6db74
+$dark-highlight-deletion = #75715e

package/source/css/common/codeblock/hljs-themes/dark/night-owl.styl

@@ -0,0 +1,18 @@
+$dark-highlight-foreground = #d6deeb
+$dark-highlight-background = #011627
+$dark-highlight-keyword = #c792ea
+$dark-highlight-link = #ff869a
+$dark-highlight-built-in = #addb67
+$dark-highlight-number = #F78C6C
+$dark-highlight-string = #ecc48d
+$dark-highlight-regexp = #5ca7e4
+$dark-highlight-subst = #d3423e
+$dark-highlight-comment = #637777
+$dark-highlight-doctag = #7fdbca
+$dark-highlight-meta = #82aaff
+$dark-highlight-variable = #addb67
+$dark-highlight-attr = #7fdbca
+$dark-highlight-section = #82b1ff
+$dark-highlight-bullet = #d9f5dd
+$dark-highlight-addition = #addb67ff
+$dark-highlight-deletion = #EF535090

package/source/css/common/codeblock/hljs-themes/dark/nord.styl

@@ -0,0 +1,18 @@
+$dark-highlight-foreground = #D8DEE9
+$dark-highlight-background = #2E3440
+$dark-highlight-keyword = #81A1C1
+$dark-highlight-link = #81A1C1
+$dark-highlight-built-in = #8FBCBB
+$dark-highlight-number = #B48EAD
+$dark-highlight-string = #A3BE8C
+$dark-highlight-regexp = #EBCB8B
+$dark-highlight-subst = #D8DEE9
+$dark-highlight-comment = #4C566A
+$dark-highlight-doctag = #8FBCBB
+$dark-highlight-meta = #5E81AC
+$dark-highlight-variable = #D8DEE9
+$dark-highlight-attr = #8FBCBB
+$dark-highlight-section = #88C0D0
+$dark-highlight-bullet = #81A1C1
+$dark-highlight-addition = rgba(163, 190, 140, 0.5)
+$dark-highlight-deletion = rgba(191, 97, 106, 0.5)

package/source/css/common/codeblock/hljs-themes/dark/tokyo-night-dark.styl

@@ -0,0 +1,18 @@
+$dark-highlight-foreground = #9aa5ce
+$dark-highlight-background = #1a1b26
+$dark-highlight-keyword = #bb9af7
+$dark-highlight-link = #ff9e64
+$dark-highlight-built-in = #e0af68
+$dark-highlight-number = #ff9e64
+$dark-highlight-string = #9ece6a
+$dark-highlight-regexp = #f7768e
+$dark-highlight-subst = #7dcfff
+$dark-highlight-comment = #565f89
+$dark-highlight-doctag = #f7768e
+$dark-highlight-meta = #565f89
+$dark-highlight-variable = #ff9e64
+$dark-highlight-attr = #bb9af7
+$dark-highlight-section = #7aa2f7
+$dark-highlight-bullet = #9ece6a
+$dark-highlight-addition = #9ece6a
+$dark-highlight-deletion = #f7768e

package/source/css/common/codeblock/hljs-themes/dark/vs2015.styl

@@ -0,0 +1,18 @@
+$dark-highlight-foreground = #DCDCDC
+$dark-highlight-background = #1E1E1E
+$dark-highlight-keyword = #569CD6
+$dark-highlight-link = #569CD6
+$dark-highlight-built-in = #4EC9B0
+$dark-highlight-number = #B8D7A3
+$dark-highlight-string = #D69D85
+$dark-highlight-regexp = #9A5334
+$dark-highlight-subst = #DCDCDC
+$dark-highlight-comment = #57A64A
+$dark-highlight-doctag = #608B4E
+$dark-highlight-meta = #9B9B9B
+$dark-highlight-variable = #BD63C5
+$dark-highlight-attr = #9CDCFE
+$dark-highlight-section = gold
+$dark-highlight-bullet = #D7BA7D
+$dark-highlight-addition = #144212
+$dark-highlight-deletion = #600

package/source/css/common/codeblock/hljs-themes/light/atom-one-light.styl

@@ -0,0 +1,18 @@
+$highlight-foreground = #383a42
+$highlight-background = #fafafa
+$highlight-keyword = #a626a4
+$highlight-link = #4078f2
+$highlight-built-in = #c18401
+$highlight-number = #986801
+$highlight-string = #50a14f
+$highlight-regexp = #50a14f
+$highlight-subst = #e45649
+$highlight-comment = #a0a1a7
+$highlight-doctag = #a626a4
+$highlight-meta = #4078f2
+$highlight-variable = #986801
+$highlight-attr = #986801
+$highlight-section = #e45649
+$highlight-bullet = #4078f2
+$highlight-addition = #50a14f
+$highlight-deletion = #e45649

package/source/css/common/codeblock/hljs-themes/light/default.styl

@@ -0,0 +1,18 @@
+$highlight-foreground = #444
+$highlight-background = #F3F3F3
+$highlight-keyword = #444
+$highlight-link = #ab5656
+$highlight-built-in = #397300
+$highlight-number = #880000
+$highlight-string = #880000
+$highlight-regexp = #ab5656
+$highlight-subst = #444
+$highlight-comment = #697070
+$highlight-doctag = #444
+$highlight-meta = #1f7199
+$highlight-variable = #ab5656
+$highlight-attr = #444
+$highlight-section = #880000
+$highlight-bullet = #397300
+$highlight-addition = #397300
+$highlight-deletion = #880000

package/source/css/common/codeblock/hljs-themes/light/github.styl

@@ -0,0 +1,18 @@
+$highlight-foreground = #24292e
+$highlight-background = #fdfdfd
+$highlight-keyword = #d73a49
+$highlight-link = #d73a49  /* Following the pattern, link should have the same color as keyword */
+$highlight-built-in = #e36209
+$highlight-number = #005cc5
+$highlight-string = #032f62
+$highlight-regexp = #032f62
+$highlight-subst = #24292e
+$highlight-comment = #6a737d
+$highlight-doctag = #d73a49
+$highlight-meta = #005cc5 /* Mapped based on the pattern for constant */
+$highlight-variable = #005cc5
+$highlight-attr = #005cc5
+$highlight-section = #005cc5
+$highlight-bullet = #735c0f
+$highlight-addition = #22863a
+$highlight-deletion = #b31d28

package/source/css/common/colors.styl

@@ -0,0 +1,112 @@
+// ========================================================================================
+//                                   COLOR VARIABLES
+// ========================================================================================
+// primary color
+$temp-color = hexo-config('colors.primary')
+$primary-color = $temp-color ? convert($temp-color) : #0066CC
+
+//navbar color
+$nav-color-1 = convert(hexo-config('navbar.color.left') + hexo-config('navbar.color.transparency'))
+$nav-color-2 = convert(hexo-config('navbar.color.right') + hexo-config('navbar.color.transparency'))
+$nav-color-bg = linear-gradient(120deg, $nav-color-1 0%, $nav-color-2 100%)
+
+// ========================================================================================
+//                                       LIGHT MODE
+// ========================================================================================
+$background-color = #fff
+$background-color-transparent = rgba(255, 255, 255, 0.6)
+$background-color-transparent-80 = rgba(255, 255, 255, 0.8)
+$background-color-transparent-40 = rgba(255, 255, 255, 0.4)
+$background-color-transparent-15 = rgba(255, 255, 255, 0.15)
+$second-background-color = darken($background-color, 2%)
+$third-background-color = darken($background-color, 3%)
+$third-background-color-transparent = rgba(241, 241, 241, 0.6)
+$default-text-color = #373D3F
+$invert-text-color = #bebec6
+$first-text-color = darken($default-text-color, 10%)
+$second-text-color = darken($default-text-color, 5%)
+$third-text-color = lighten($default-text-color, 20%)
+$fourth-text-color = lighten($default-text-color, 90%)
+$border-color = rgba(0, 0, 0, 0.08)
+$selection-color = lighten($primary-color, 10%)
+$shadow-color-1 = rgba(0, 0, 0, 0.08)
+$shadow-color-2 = rgba(0, 0, 0, 0.05)
+$shadow-hover-color = rgba(0, 0, 0, 0.28)
+$scrollbar-color = #C1C1C1
+$scrollbar-color-hover = #A1A1A1
+$scroll-bar-bg-color = #FAFAFA
+$link-color = darken($default-text-color, 10%)
+$copyright-info-color = #CC0033
+$avatar-background-color = #0066CC
+$pjax-progress-bar-color = linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3)
+$archive-timeline-last-child-color = linear-gradient(to bottom, rgba(232,232,232, 1) 60%, rgba(0,0,0, 0) 100%) 1 100%
+
+$note-blue-title-bg = #D6F7FB
+$note-red-title-bg = #FDE9E9
+$note-green-title-bg = #E9FDE9
+$note-yellow-title-bg = #FDF9E9
+$note-purple-title-bg = #F9E9FD
+$note-gray-title-bg = #F9F9F9
+$note-black-title-bg = #E9E9E9
+$note-cyan-title-bg = #E9FDF9
+$note-type-title-bg = #fdf3e9
+
+$home-banner-text-color = convert(hexo-config('home_banner.text_color.light'))
+$home-banner-icons-container-border-color = rgba(255, 255, 255, 0.35)
+$home-banner-icons-container-background-color = rgba(255, 255, 255, 0.3)
+
+
+// ========================================================================================
+//                                      DARK MODE
+// ========================================================================================
+$dark-primary-color = $primary-color
+$dark-background-color = #202124
+$dark-background-color-transparent = rgba(32, 33, 36, 0.4)
+$dark-background-color-transparent-80 = rgba(32, 33, 36, 0.8)
+$dark-background-color-transparent-40 = rgba(32, 33, 36, 0.4)
+$dark-background-color-transparent-15 = rgba(32, 33, 36, 0.15)
+$dark-second-background-color = lighten($dark-background-color, 2%)
+$dark-third-background-color = lighten($dark-background-color, 4.5%)
+$dark-third-background-color-transparent = rgba(32, 33, 36, 0.6)
+$dark-default-text-color = #bebec6
+$dark-invert-text-color = #373D3F
+$dark-first-text-color = lighten($dark-default-text-color, 30%)
+$dark-second-text-color = lighten($dark-default-text-color, 20%)
+$dark-third-text-color = darken($dark-default-text-color, 20%)
+$dark-fourth-text-color = darken($dark-default-text-color, 70%)
+$dark-border-color = rgba(255, 255, 255, 0.08)
+$dark-selection-color = $selection-color
+$dark-shadow-color-1 = rgba(255, 255, 255, 0.08)
+$dark-shadow-color-2 = rgba(255, 255, 255, 0.05)
+$dark-shadow-hover-color = rgba(69, 69, 69, 0.28)
+$dark-scrollbar-color = #898989
+$dark-scrollbar-color-hover = #A1A1A1;
+$dark-scroll-bar-bg-color = lighten($dark-background-color, 5%)
+$dark-link-color = lighten($dark-default-text-color, 10%)
+$dark-copyright-info-color = darken($copyright-info-color, 20%)
+$dark-avatar-background-color = darken($avatar-background-color, 10%)
+$dark-pjax-progress-bar-color = linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee)
+$dark-archive-timeline-last-child-color = linear-gradient(to bottom, rgba(50,50,50,1) 60%, rgba(255,255,255, 0) 100%) 1 100%
+
+$dark-note-blue-title-bg = #1e3e46
+$dark-note-red-title-bg = #4e1e1e
+$dark-note-green-title-bg = #1e4e1e
+$dark-note-yellow-title-bg = #4e4e1e
+$dark-note-cyan-title-bg = #1e4e4e
+$dark-note-purple-title-bg = #4e1e4e
+$dark-note-gray-title-bg = #4e4e4e
+$dark-note-black-title-bg = #1e1e1e
+$dark-note-type-title-bg = #4e3a1e
+
+$home-banner-text-color-dark = convert(hexo-config('home_banner.text_color.dark'))
+$home-banner-icons-container-border-color-dark = rgba(197, 197, 197, 0.35)
+$home-banner-icons-container-background-color-dark = rgba(197, 197, 197, 0.3)
+
+// ========================================================================================
+//                                       NOTE COLORS
+// ========================================================================================
+
+$note-default-text-color = #A6A6A6
+$note-green-text-color = #006e53
+$note-red-text-color = #f85676
+