hexo-theme-solitude 1.5.1 → 1.5.3

package/source/css/_layout/header.styl

@@ -12,21 +12,21 @@
     #nav
       z-index 998
       transition .3s
-      background var(--sco-card-bg)
+      background var(--efu-card-bg)
 
       a
-        color var(--sco-fontcolor)
+        color var(--efu-fontcolor)
 
         &:hover
-          color var(--sco-card-bg)
+          color var(--efu-card-bg)
 
           +maxWidth768()
             align-items flex-end
-            color var(--sco-fontcolor)
+            color var(--efu-fontcolor)
 
     &:not(.nav-fixed)
       #nav
-        background var(--sco-none)
+        background var(--efu-none)
         transition .3s
 
         +maxWidth768()
@@ -35,7 +35,7 @@
 #page-header
   #site-title
     margin 0
-    color var(--sco-white)
+    color var(--efu-white)
     font-size 1.85em
 
     +minWidth768()
@@ -100,7 +100,7 @@
     user-select none
 
     +maxWidth768()
-      background linear-gradient(to top, var(--sco-main-none) 0, var(--sco-main) 100%)
+      background linear-gradient(to top, var(--efu-main-none) 0, var(--efu-main) 100%)
       transition 0s
 
     +maxWidth1400()
@@ -109,7 +109,7 @@
     a
       &:hover
         span
-          &.scoicon
+          &.solitude
             opacity 0
 
             +maxWidth768()
@@ -160,8 +160,8 @@
             width 25px
             height 25px
             border-radius 40px
-            background var(--sco-fontcolor)
-            color var(--sco-card-bg)
+            background var(--efu-fontcolor)
+            color var(--efu-card-bg)
             position absolute
             top 5px
             right 5px
@@ -178,7 +178,7 @@
         &:hover
           a
             &.totopbtn
-              background var(--sco-lighttext)
+              background var(--efu-lighttext)
 
         &:not(.long):hover
           a
@@ -195,8 +195,8 @@
       z-index 103
       transition .3s
       box-shadow none
-      background var(--sco-card-bg)
-      outline 1px solid var(--sco-card-border)
+      background var(--efu-card-bg)
+      outline 1px solid var(--efu-card-border)
 
       #menus
         +minWidth900()
@@ -302,7 +302,7 @@
   font-size 1.3em
   opacity 0
   transition all .5s ease 0s
-  outline 1px solid var(--sco-none)
+  outline 1px solid var(--efu-none)
   justify-content space-between
 
   +maxWidth768()
@@ -325,7 +325,7 @@
       display inline-block
 
     &:hover
-      color var(--sco-white)
+      color var(--efu-white)
 
   #site-name
     padding 0
@@ -354,12 +354,12 @@
         display flex
         z-index 1
         content "\e008"
-        font-family scoicon, serif
+        font-family solitude, serif
         align-items center
         justify-content center
         font-size 22px
         line-height 1
-        color var(--sco-card-bg)
+        color var(--efu-card-bg)
 
     if hexo-config('site.name.class') == i_class
       i
@@ -400,20 +400,20 @@
 
   a
     transition .3s
-    color var(--sco-white)
+    color var(--efu-white)
     padding .3rem .4rem 0
     border-radius 8px
 
     &:hover
-      background var(--sco-white-op)
+      background var(--efu-white-op)
       transition .3s
-      color var(--sco-white)
+      color var(--efu-white)
 
       +maxWidth768()
-        background var(--sco-none)
+        background var(--efu-none)
         box-shadow none
         transition .3s
-        color var(--sco-fontcolor)
+        color var(--efu-fontcolor)
 
   #menus
     display flex
@@ -450,8 +450,8 @@
       .menus_item_child
         padding 6px 4px 8px 4px
         border-radius 100px
-        background-color var(--sco-maskbgdeep)
-        box-shadow var(--sco-shadow-black)
+        background-color var(--efu-maskbgdeep)
+        box-shadow var(--efu-shadow-black)
         border var(--style-border)
         transition .3s
         backdrop-filter blur(20px)
@@ -476,12 +476,12 @@
             border-radius 100px
             padding .3rem .8rem
             width 100%
-            color var(--sco-fontcolor)
+            color var(--efu-fontcolor)
 
             &:hover
-              background var(--sco-lighttext)
-              color var(--sco-card-bg)
-              box-shadow var(--sco-shadow-main)
+              background var(--efu-lighttext)
+              color var(--efu-card-bg)
+              box-shadow var(--efu-shadow-main)
               margin 0 auto
               transform scale(1)
               padding .3rem 1rem
@@ -507,7 +507,7 @@
         .menus_item_child
           display block
           border var(--style-border-hover)
-          box-shadow var(--sco-shadow-main)
+          box-shadow var(--efu-shadow-main)
           opacity 1
           pointer-events all
           transform translateY(0) scale(1)
@@ -562,7 +562,7 @@
     .back-home-button
       &:hover
         +minWidth900()
-          box-shadow var(--sco-shadow-main)
+          box-shadow var(--efu-shadow-main)
           cursor pointer
 
   #page-name
@@ -586,8 +586,8 @@
 
       &:hover
         +minWidth900()
-          color var(--sco-lighttext) !important
-          background var(--sco-none)
+          color var(--efu-lighttext) !important
+          background var(--efu-none)
           box-shadow none
 
     &-mask
@@ -632,7 +632,7 @@
     .totopbtn
       i
         opacity 1
-        color var(--sco-card-bg)
+        color var(--efu-card-bg)
         transition .3s
 
     #percent
@@ -677,8 +677,8 @@ if hexo-config('nav.group')
       font-size 20px
 
     &:hover
-      background var(--sco-main)
-      color var(--sco-card-bg)
+      background var(--efu-main)
+      color var(--efu-card-bg)
 
       .back-menu-list-groups
         display flex
@@ -690,7 +690,7 @@ if hexo-config('nav.group')
 
         +maxWidth768()
           padding-bottom 8px
-          box-shadow var(--sco-shadow-border)
+          box-shadow var(--efu-shadow-border)
           left: 0
 
     .back-menu-list-group
@@ -703,7 +703,7 @@ if hexo-config('nav.group')
 
       &:hover
         .back-menu-list-title
-          color var(--sco-lighttext)
+          color var(--efu-lighttext)
 
     .back-menu-list-groups
       position absolute
@@ -711,13 +711,13 @@ if hexo-config('nav.group')
       transform scale(.8)
       transform-origin top left
       left 1.5rem
-      background-color var(--sco-maskbgdeep)
+      background-color var(--efu-maskbgdeep)
       border-radius 12px
       border var(--style-border)
       flex-direction column
       font-size 12px
-      color var(--sco-secondtext)
-      box-shadow var(--sco-shadow-border)
+      color var(--efu-secondtext)
+      box-shadow var(--efu-shadow-border)
       transition .3s
       opacity 0
       pointer-events none
@@ -736,44 +736,44 @@ if hexo-config('nav.group')
 .nav-fixed
   #nav
     a
-      color var(--sco-fontcolor)
+      color var(--efu-fontcolor)
       transition .3s
 
       &:hover
-        background var(--sco-lighttext)
-        color var(--sco-card-bg)
+        background var(--efu-lighttext)
+        color var(--efu-card-bg)
         transition .3s
 
     #site-name
       &:hover
         +minWidth900()
-          background var(--sco-lighttext)
+          background var(--efu-lighttext)
 
     if hexo-config('nav.group')
       .back-home-button
-        color var(--sco-fontcolor)
+        color var(--efu-fontcolor)
 
         &:hover
-          background var(--sco-lighttext)
-          color var(--sco-card-bg)
+          background var(--efu-lighttext)
+          color var(--efu-card-bg)
 
     .menus_item
       &:hover
         & >
         a.site-page
-          background-color var(--sco-lighttext)
+          background-color var(--efu-lighttext)
 
           +minWidth768()
-            background-color var(--sco-main)
+            background-color var(--efu-main)
 
 .post
   if hexo-config('nav.group')
     .back-home-button
-      color var(--sco-white)
+      color var(--efu-white)
 
       &:hover
-        background var(--sco-white-op)
-        color var(--sco-white)
+        background var(--efu-white-op)
+        color var(--efu-white)
         cursor pointer
 
   #nav
@@ -783,13 +783,13 @@ if hexo-config('nav.group')
           align-items center
 
       &:after
-        color var(--sco-white)
+        color var(--efu-white)
 
   .nav-fixed
     #nav
       #site-name
         &:after
-          color var(--sco-card-bg)
+          color var(--efu-card-bg)
 
 .back-menu-list-groups
   .back-menu-list
@@ -817,23 +817,23 @@ if hexo-config('nav.group')
         padding 4px 8px
 
       &:hover
-        background var(--sco-lighttext)
+        background var(--efu-lighttext)
         transform scale(1)
 
         .back-menu-item-text
-          color var(--sco-card-bg)
+          color var(--efu-card-bg)
 
       .back-menu-item-icon
         width 24px
         height 24px
         border-radius 8px
-        background var(--sco-none)
+        background var(--efu-none)
 
       .back-menu-item-text
         font-size 16px
         transition .3s
         margin-left .5rem
-        color var(--sco-fontcolor)
+        color var(--efu-fontcolor)
 
         +maxWidth768()
           font-size 14px
@@ -842,33 +842,33 @@ if hexo-config('nav.group')
   #nav
     a
       &:hover
-        color var(--sco-card-bg)
-        background var(--sco-main)
+        color var(--efu-card-bg)
+        background var(--efu-main)
         transition .3s
-        box-shadow var(--sco-shadow-main)
+        box-shadow var(--efu-shadow-main)
     #site-name
       &:hover
         i
-          color var(--sco-card-bg)
+          color var(--efu-card-bg)
 
   .menus_item
     &:hover
       & > a.site-page
         +minWidth768()
-          color var(--sco-card-bg) !important
-          background var(--sco-main)
-          box-shadow var(--sco-shadow-main)
+          color var(--efu-card-bg) !important
+          background var(--efu-main)
+          box-shadow var(--efu-shadow-main)
 
 .error
   #nav
     a
       &:hover
-        background var(--sco-main)
+        background var(--efu-main)
 
     #site-name
       i
         +maxWidth768()
-          color var(--sco-fontcolor)
+          color var(--efu-fontcolor)
 
 #weblogo
   align-self center

package/source/css/_layout/index.styl

@@ -22,10 +22,10 @@
       width 100%
 
   > div:first-child:not(.recent-posts)
-    box-shadow var(--sco-shadow-border)
+    box-shadow var(--efu-shadow-border)
     padding 1rem 2rem
     border-radius 12px
-    background var(--sco-card-bg)
+    background var(--efu-card-bg)
     border var(--style-border)
     align-self flex-start
     animation slide-in .6s .1s backwards
@@ -35,11 +35,11 @@
       box-shadow none
       border none
       padding 0 1rem
-      background var(--sco-background)
+      background var(--efu-background)
 
 span.tags-punctuation::before
   content: "\e071"
-  font-family: scoicon, serif !important
+  font-family: solitude, serif !important
   font-size: 12px
   transition none
   margin-right: 2px
@@ -53,9 +53,9 @@ span.tags-punctuation::before
     line-height 32px
 
 // snackbar
-.snackbar-container
-  background var(--sco-lighttext) !important
-  color var(--sco-card-bg) !important
+body .snackbar-container
+  background var(--efu-lighttext) !important
+  color var(--efu-card-bg) !important
   border-radius 0 !important
   display flex
   justify-content center !important
@@ -67,7 +67,7 @@ span.tags-punctuation::before
   transform none !important
 
 .snackbar-container p
-  color var(--sco-card-bg) !important
+  color var(--efu-card-bg) !important
   font-weight 700 !important
   text-align center !important
   font-size .8rem !important
@@ -75,8 +75,8 @@ span.tags-punctuation::before
   justify-content center !important
 
 .snackbar-container .action
-  color var(--sco-card-bg) !important
-  background var(--sco-lighttext) !important
+  color var(--efu-card-bg) !important
+  background var(--efu-lighttext) !important
   padding 4px 6px !important
   font-weight 700
   border-radius 8px !important
@@ -84,8 +84,8 @@ span.tags-punctuation::before
   border var(--style-border) !important
 
 .snackbar-container .action:hover
-  color var(--sco-lighttext) !important
-  background var(--sco-card-bg) !important
+  color var(--efu-lighttext) !important
+  background var(--efu-card-bg) !important
 
 .snackbar-container::after
   position absolute
@@ -93,10 +93,10 @@ span.tags-punctuation::before
   height 100%
   left 0
   top 0
-  background var(--sco-white)
+  background var(--efu-white)
   opacity .1
   content ""
-  animation snackbar-progress var(--sco-snackbar-time) linear forwards
+  animation snackbar-progress var(--efu-snackbar-time) linear forwards
   pointer-events none
 
 @keyframes snackbar-progress

package/source/css/_mode/index.styl

@@ -1,94 +1,94 @@
 [data-theme=dark]
-  --sco-theme $dark_theme
-  --sco-theme-op $dark_theme_op
-  --sco-theme-op-deep $dark_theme_op_deep
-  --sco-theme-none $dark_theme_none
-  --sco-blue #0084ff
-  --sco-red #ff3842
-  --sco-pink #d44040
-  --sco-green #3e9f50
-  --sco-purple #7a60d2
-  --sco-yellow #ffc93e
-  --sco-yellow-op #ffc93e30
-  --sco-orange #ff953e
-  --sco-fontcolor #f7f7fa
-  --sco-background #18171d
-  --sco-reverse #fff
-  --sco-maskbg rgba(0, 0, 0, 0.6)
-  --sco-maskbgdeep rgba(0, 0, 0, 0.85)
-  --sco-hovertext #0a84ff
-  --sco-ahoverbg #fff
-  --sco-lighttext var(--sco-theme)
-  --sco-secondtext #a1a2b8
-  --sco-scrollbar rgba(200, 200, 223, 0.4)
-  --sco-card-btn-bg #30343f
-  --sco-post-blockquote-bg #000
-  --sco-post-tabs-bg #121212
-  --sco-secondbg #30343f
-  --sco-shadow-nav 0 5px 20px 0px rgba(28, 28, 28, 0.4)
-  --sco-card-bg #1b1c20
-  --sco-card-bg-op var(--sco-white-op)
-  --sco-card-bg-none #1d1b2600
-  --sco-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.0)
-  --sco-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.0)
-  --sco-card-border #3d3d3f
-  --sco-shadow-border 0 8px 16px -4px #00000050
-  --style-border 1px solid var(--sco-card-border)
-  --style-border-always 1px solid var(--sco-card-border)
-  --style-border-hover 1px solid var(--sco-theme)
-  --style-border-hover-always 1px solid var(--sco-theme)
-  --style-border-dashed 1px dashed var(--sco-theme-op)
-  --style-border-forever 2px solid var(--sco-lighttext)
-  --sco-hl-bg $hl_bg_dark
-  --sco-hltools-bg $hltools_bg_dark
+  --efu-theme $dark_theme
+  --efu-theme-op $dark_theme_op
+  --efu-theme-op-deep $dark_theme_op_deep
+  --efu-theme-none $dark_theme_none
+  --efu-blue #0084ff
+  --efu-red #ff3842
+  --efu-pink #d44040
+  --efu-green #3e9f50
+  --efu-purple #7a60d2
+  --efu-yellow #ffc93e
+  --efu-yellow-op #ffc93e30
+  --efu-orange #ff953e
+  --efu-fontcolor #f7f7fa
+  --efu-background #18171d
+  --efu-reverse #fff
+  --efu-maskbg rgba(0, 0, 0, 0.6)
+  --efu-maskbgdeep rgba(0, 0, 0, 0.85)
+  --efu-hovertext #0a84ff
+  --efu-ahoverbg #fff
+  --efu-lighttext var(--efu-theme)
+  --efu-secondtext #a1a2b8
+  --efu-scrollbar rgba(200, 200, 223, 0.4)
+  --efu-card-btn-bg #30343f
+  --efu-post-blockquote-bg #000
+  --efu-post-tabs-bg #121212
+  --efu-secondbg #30343f
+  --efu-shadow-nav 0 5px 20px 0px rgba(28, 28, 28, 0.4)
+  --efu-card-bg #1b1c20
+  --efu-card-bg-op var(--efu-white-op)
+  --efu-card-bg-none #1d1b2600
+  --efu-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.0)
+  --efu-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.0)
+  --efu-card-border #3d3d3f
+  --efu-shadow-border 0 8px 16px -4px #00000050
+  --style-border 1px solid var(--efu-card-border)
+  --style-border-always 1px solid var(--efu-card-border)
+  --style-border-hover 1px solid var(--efu-theme)
+  --style-border-hover-always 1px solid var(--efu-theme)
+  --style-border-dashed 1px dashed var(--efu-theme-op)
+  --style-border-forever 2px solid var(--efu-lighttext)
+  --efu-hl-bg $hl_bg_dark
+  --efu-hltools-bg $hltools_bg_dark
 
 [data-theme=light]
-  --sco-theme $light_theme
-  --sco-theme-op $light_theme_op
-  --sco-theme-op-deep $light_theme_op_deep
-  --sco-theme-op-light #4259ef0d
-  --sco-theme-none $light_theme_none
-  --sco-blue #425aef
-  --sco-red #f04a63
-  --sco-pink #ff7c7c
-  --sco-green #57bd6a
-  --sco-yellow #c28b00
-  --sco-yellow-op #d99c001a
-  --sco-orange #e38100
-  --sco-purple #7a60d2
-  --sco-fontcolor #363636
-  --sco-background #f7f9fe
-  --sco-reverse #000
-  --sco-maskbg rgba(255, 255, 255, 0.6)
-  --sco-maskbgdeep rgba(255, 255, 255, 0.85)
-  --sco-hovertext var(--sco-main)
-  --sco-ahoverbg #f7f7fa
-  --sco-lighttext var(--sco-main)
-  --sco-secondtext rgba(60, 60, 67, 0.8)
-  --sco-scrollbar rgba(60, 60, 67, 0.4)
-  --sco-card-btn-bg #edf0f7
-  --sco-post-blockquote-bg #fafcff
-  --sco-post-tabs-bg #f2f5f8
-  --sco-secondbg #f7f7f9
-  --sco-shadow-nav 0 5px 12px -5px rgba(102, 68, 68, 0.05)
-  --sco-card-bg #fff
-  --sco-card-bg-op var(--sco-black-op)
-  --sco-card-bg-none rgba(255, 255, 255, 0)
-  --sco-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.00)
-  --sco-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.00)
-  --sco-card-border #e3e8f7
-  --sco-shadow-border 0 8px 16px -4px #2c2d300c
-  --style-border 1px solid var(--sco-card-border)
-  --style-border-always 1px solid var(--sco-card-border)
-  --style-border-hover 1px solid var(--sco-main)
-  --style-border-hover-always 1px solid var(--sco-main)
-  --style-border-dashed 1px dashed var(--sco-theme-op)
-  --style-border-forever 2px solid var(--sco-main)
-  --sco-navbg var(--sco-theme-op)
-  --sco-hl-bg $hl_bg_light
-  --sco-hltools-bg $hltools_bg_light
+  --efu-theme $light_theme
+  --efu-theme-op $light_theme_op
+  --efu-theme-op-deep $light_theme_op_deep
+  --efu-theme-op-light #4259ef0d
+  --efu-theme-none $light_theme_none
+  --efu-blue #425aef
+  --efu-red #f04a63
+  --efu-pink #ff7c7c
+  --efu-green #57bd6a
+  --efu-yellow #c28b00
+  --efu-yellow-op #d99c001a
+  --efu-orange #e38100
+  --efu-purple #7a60d2
+  --efu-fontcolor #363636
+  --efu-background #f7f9fe
+  --efu-reverse #000
+  --efu-maskbg rgba(255, 255, 255, 0.6)
+  --efu-maskbgdeep rgba(255, 255, 255, 0.85)
+  --efu-hovertext var(--efu-main)
+  --efu-ahoverbg #f7f7fa
+  --efu-lighttext var(--efu-main)
+  --efu-secondtext rgba(60, 60, 67, 0.8)
+  --efu-scrollbar rgba(60, 60, 67, 0.4)
+  --efu-card-btn-bg #edf0f7
+  --efu-post-blockquote-bg #fafcff
+  --efu-post-tabs-bg #f2f5f8
+  --efu-secondbg #f7f7f9
+  --efu-shadow-nav 0 5px 12px -5px rgba(102, 68, 68, 0.05)
+  --efu-card-bg #fff
+  --efu-card-bg-op var(--efu-black-op)
+  --efu-card-bg-none rgba(255, 255, 255, 0)
+  --efu-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.00)
+  --efu-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.00)
+  --efu-card-border #e3e8f7
+  --efu-shadow-border 0 8px 16px -4px #2c2d300c
+  --style-border 1px solid var(--efu-card-border)
+  --style-border-always 1px solid var(--efu-card-border)
+  --style-border-hover 1px solid var(--efu-main)
+  --style-border-hover-always 1px solid var(--efu-main)
+  --style-border-dashed 1px dashed var(--efu-theme-op)
+  --style-border-forever 2px solid var(--efu-main)
+  --efu-navbg var(--efu-theme-op)
+  --efu-hl-bg $hl_bg_light
+  --efu-hltools-bg $hltools_bg_light
 
 :root
   +maxWidth768()
-    --style-border 0px solid var(--sco-none)
-    --style-border-hover 0px solid var(--sco-main)
+    --style-border 0px solid var(--efu-none)
+    --style-border-hover 0px solid var(--efu-main)