🎨 Sync all code from branch develop.

assets/css/_common/outline/footer/index.scss

@@ -78,13 +78,16 @@
 }
 
 .with-love {
+  color: $footer_icon_color;
   display: inline-block;
   margin: 0 5px;
 
+  @if $footer_icon_animated {
     animation: icon-animate 1.33s ease-in-out infinite;
   }
 }
 
+@if $footer_beian_enable {
   .beian img {
     display: inline-block;
     margin: 0 3px;
@@ -92,12 +95,14 @@
   }
 }
 
+@if $busuanzi_enable {
   .busuanzi-count {
+    @if $busuanzi_visitors {
       #busuanzi_container_site_uv {
         display: none;
       }
     }
-
+    @if $busuanzi_views {
       #busuanzi_container_site_pv {
         display: none;
       }

assets/css/_common/outline/mobile.scss

@@ -56,6 +56,7 @@
         margin-bottom: 10px !important;
         padding: 10px !important;
 
+        @if $note_icons {
           &:not(.no-icon) {
             padding-left: 35px !important;
           }

assets/css/_common/outline/sidebar/sidebar-toc.scss

@@ -1,3 +1,4 @@
+@if $toc_enable {
   .post-toc {
     font-size: $font-size-small;
     padding: 0 8px;

assets/css/_common/outline/sidebar/sidebar-toggle.scss

@@ -12,8 +12,10 @@
 
 @media (any-hover: hover) {
   body:not(.sidebar-active) .sidebar-toggle:hover {
+    @include toggle-arrow($sidebar_position);
   }
 }
 
 .sidebar-active .sidebar-toggle {
+  @include toggle-close($sidebar_position);
 }

assets/css/_common/outline/sidebar/site-state.scss

@@ -1,3 +1,4 @@
+@if $site_state {
   .site-state {
     @include flex-wrap();
     line-height: 1.4;

assets/css/_common/scaffolding/base.scss

@@ -18,6 +18,7 @@ body {
   position: relative;
   transition: padding $transition-ease;
 
+  @if $body_scrollbar_overlay {
     overflow-x: hidden;
     @supports (overflow-x: clip) {
       overflow-x: clip;
@@ -25,6 +26,7 @@ body {
     width: 100vw;
   }
 
+  @if $body_scrollbar_stable {
     overflow-y: scroll;
   }
 }

assets/css/_common/scaffolding/highlight/copy-code.scss

@@ -11,11 +11,13 @@
   position: absolute;
   transition: opacity $transition-ease;
 
+  @if $codeblock_copy_btn_style == 'flat' {
     background: white;
     border: 0;
     font-size: $font-size-smaller;
     right: 0;
     top: 0;
+  } @else if $codeblock_copy_btn_style == 'mac' {
     color: var(--highlight-foreground);
     font-size: 14px;
     right: 0;
@@ -31,6 +33,7 @@
   }
 }
 
+@if $codeblock_copy_btn_style == 'mac' {
   figure.highlight {
     border-radius: 5px;
     box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);

assets/css/_common/scaffolding/highlight/index.scss

@@ -1,8 +1,13 @@
 // Use `@use` to fix issue #67
+// TODO find way to import file by dynmatic
 // @import '(theme.highlight.enable && theme.highlight.light.file) ? theme.highlight.light.file : null';
 // @import '(theme.prism.enable && theme.prism.light) ? theme.prism.light : null';
 // @import '(theme.prism.enable && theme.prism.number) ? theme.prism.number : null';
 
+/* @media (prefers-color-scheme: dark) {
+  @import '(theme.darkmode && theme.highlight.enable && theme.highlight.dark.file) ? theme.highlight.dark.file : null';
+  @import '(theme.darkmode && theme.prism.enable && theme.prism.dark) ? theme.prism.dark : null';
+} */
 
 // @import 'theme.codeblock.copy_button.enable ? "copy-code" : null';
 

assets/css/_common/scaffolding/tags/note.scss

@@ -68,6 +68,7 @@
       &.#{$type} {
         @if $note-style == 'flat' {
           background: map-get($note-bg, $type);
+          @if $darkmode {
             @media (prefers-color-scheme: dark) {
               background: mix(map-get($note-bg, $type), $body-bg-color-dark, 10%);
             }

assets/css/_common/scaffolding/tags/tabs.scss

@@ -42,6 +42,7 @@
         border-radius: $tbr;
       }
 
+      @if $tabs_transition_tabs {
         transition: all $transition-ease-out;
       }
 
@@ -56,6 +57,7 @@
           width: (18em / 14);
         }
 
+        @if $tabs_transition_labels {
           transition: all $transition-ease-out;
         }
       }

assets/css/_common/scaffolding/toggles.scss

@@ -18,7 +18,9 @@
 }
 
 .toggle.toggle-arrow {
+  @include toggle-arrow($sidebar_position);
 }
 
 .toggle.toggle-close {
+  @include toggle-close($sidebar_position);
 }