🎨 Sync all code from branch develop.

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);
 }