diff --git a/resources/css/utils.scss b/resources/css/utils.scss
index dda1119..d176da3 100644
--- a/resources/css/utils.scss
+++ b/resources/css/utils.scss
@@ -15,17 +15,17 @@
     display: none;
 }
 
-@media (prefers-color-scheme: dark) {
-    .dark\:d-none {
-        display: none !important;
-    }
-}
+// @media (prefers-color-scheme: dark) {
+//     .dark\:d-none {
+//         display: none !important;
+//     }
+// }
 
-@media (prefers-color-scheme: light) {
-    .light\:d-none {
-        display: none !important;
-    }
-}
+// @media (prefers-color-scheme: light) {
+//     .light\:d-none {
+//         display: none !important;
+//     }
+// }
 
 /* Width */
 .w-100 {
diff --git a/resources/css/variables.scss b/resources/css/variables.scss
index a018d96..bff13c1 100644
--- a/resources/css/variables.scss
+++ b/resources/css/variables.scss
@@ -78,42 +78,42 @@
     --banner-purple-color-text: #fff;
 }
 
-@media (prefers-color-scheme: dark) {
-    :root {
-        // yes
-        --base-color: #222;
-        --base-color-text: rgba(255, 255, 255, 0.9);
-        --base-color-border: #000;
-        --base-color-light: #333;
+// @media (prefers-color-scheme: dark) {
+//     :root {
+//         // yes
+//         --base-color: #222;
+//         --base-color-text: rgba(255, 255, 255, 0.9);
+//         --base-color-border: #000;
+//         --base-color-light: #333;
 
-        // no
-        --base-color-dark: #444;
-        --base-color-darker: #999;
+//         // no
+//         --base-color-dark: #444;
+//         --base-color-darker: #999;
 
-        --footer-color-text: #999;
-        --footer-color-border: rgba(255, 255, 255, 0.1);
+//         --footer-color-text: #999;
+//         --footer-color-border: rgba(255, 255, 255, 0.1);
 
-        --primary-color-lighter: #095589;
-        --primary-color-light: #0e80ce;
+//         --primary-color-lighter: #095589;
+//         --primary-color-light: #0e80ce;
 
-        // yes
-        --primary-color: #35a5f1;
+//         // yes
+//         --primary-color: #35a5f1;
 
-        --primary-color-dark: #67bbf4;
-        --primary-color-darker: #cce8fb;
+//         --primary-color-dark: #67bbf4;
+//         --primary-color-darker: #cce8fb;
 
-        --danger-color-lighter: #f3c8c8;
-        --danger-color-light: #db5c5a;
+//         --danger-color-lighter: #f3c8c8;
+//         --danger-color-light: #db5c5a;
 
-        --danger-color: #db5c5a;
-        --danger-color-dark: #952220;
-        --danger-color-darker: #641715;
+//         --danger-color: #db5c5a;
+//         --danger-color-dark: #952220;
+//         --danger-color-darker: #641715;
 
-        // yes
-        --accent-2-color: #063954;
-        --accent-2-color-text: #cce8fb;
-    }
-}
+//         // yes
+//         --accent-2-color: #063954;
+//         --accent-2-color-text: #cce8fb;
+//     }
+// }
 
 /* interim */
 $font-size: var(--default-font-size);
diff --git a/resources/js/components/SMMastHead.vue b/resources/js/components/SMMastHead.vue
index c371882..1a9b098 100644
--- a/resources/js/components/SMMastHead.vue
+++ b/resources/js/components/SMMastHead.vue
@@ -166,13 +166,13 @@ const tabs = () => {
     }
 }
 
-@media (prefers-color-scheme: dark) {
-    .masthead {
-        background-color: var(--primary-color-light);
+// @media (prefers-color-scheme: dark) {
+//     .masthead {
+//         background-color: var(--primary-color-light);
 
-        .tabs .tab-item.active {
-            color: var(--primary-color-light);
-        }
-    }
-}
+//         .tabs .tab-item.active {
+//             color: var(--primary-color-light);
+//         }
+//     }
+// }
 </style>
diff --git a/resources/js/components/SMNavbar.vue b/resources/js/components/SMNavbar.vue
index aa6a3e1..0f73014 100644
--- a/resources/js/components/SMNavbar.vue
+++ b/resources/js/components/SMNavbar.vue
@@ -276,11 +276,11 @@ onUnmounted(() => {
     }
 }
 
-@media (prefers-color-scheme: dark) {
-    .navbar #nav-head #nav-toggle {
-        filter: invert(100%) saturate(0%) brightness(120%);
-    }
-}
+// @media (prefers-color-scheme: dark) {
+//     .navbar #nav-head #nav-toggle {
+//         filter: invert(100%) saturate(0%) brightness(120%);
+//     }
+// }
 
 @media screen and (max-width: 650px) {
     .nav-right {
diff --git a/resources/js/components/SMPagination.vue b/resources/js/components/SMPagination.vue
index a00777b..5d1dc6d 100644
--- a/resources/js/components/SMPagination.vue
+++ b/resources/js/components/SMPagination.vue
@@ -192,9 +192,9 @@ if (props.modelValue < 1) {
     }
 }
 
-@media (prefers-color-scheme: dark) {
-    .pagination .item.active {
-        background-color: var(--primary-color-light);
-    }
-}
+// @media (prefers-color-scheme: dark) {
+//     .pagination .item.active {
+//         background-color: var(--primary-color-light);
+//     }
+// }
 </style>