Some renaming

assets/scss/partials/darkmode.scss

@@ -1,26 +0,0 @@
-[data-scheme="dark"] {
-    #dark-mode-toggle {
-        color: var(--accent-color);
-        font-weight: 700;
-
-        .icon-tabler-toggle-left {
-            display: none;
-        }
-
-        .icon-tabler-toggle-right {
-            display: unset;
-        }
-    }
-}
-
-#dark-mode-toggle {
-    margin-top: auto;
-    color: var(--body-text-color);
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-
-    .icon-tabler-toggle-right {
-        display: none;
-    }
-}

assets/scss/partials/sidebar.scss

@@ -134,3 +134,30 @@
         }
     }
 }
+
+[data-scheme="dark"] {
+    #dark-mode-toggle {
+        color: var(--accent-color);
+        font-weight: 700;
+
+        .icon-tabler-toggle-left {
+            display: none;
+        }
+
+        .icon-tabler-toggle-right {
+            display: unset;
+        }
+    }
+}
+
+#dark-mode-toggle {
+    margin-top: auto;
+    color: var(--body-text-color);
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+
+    .icon-tabler-toggle-right {
+        display: none;
+    }
+}

assets/scss/style.scss

@@ -19,7 +19,6 @@
 @import "partials/pagination.scss";
 @import "partials/sidebar.scss";
 @import "partials/base.scss";
-@import "partials/darkmode.scss";
 @import "partials/layout/archives.scss";
 @import "partials/layout/article.scss";
 @import "partials/layout/list.scss";

assets/ts/colorScheme.ts

@@ -1,6 +1,6 @@
 type colorScheme = 'light' | 'dark' | 'auto';
 
-class StackDarkMode {
+class StackColorScheme {
     private localStorageKey = 'StackColorScheme';
     private currentScheme: colorScheme;
     private systemPreferScheme: colorScheme;
@@ -83,4 +83,4 @@ class StackDarkMode {
     }
 }
 
-export default StackDarkMode;
+export default StackColorScheme;

assets/ts/main.ts

@@ -9,7 +9,7 @@ import StackGallery from "ts/gallery";
 import { getColor } from 'ts/color';
 import menu from 'ts/menu';
 import createElement from 'ts/createElement';
-import StackDarkMode from 'ts/darkmode';
+import StackColorScheme from 'ts/colorScheme';
 
 let Stack = {
     init: () => {
@@ -54,7 +54,7 @@ let Stack = {
             observer.observe(articleTile)
         }
 
-        new StackDarkMode(document.getElementById('dark-mode-toggle'));
+        new StackColorScheme(document.getElementById('dark-mode-toggle'));
     }
 }