diff --git a/ng-app/src/styles.css b/ng-app/src/styles.css
index 2a9cd7c..954e2b1 100644
--- a/ng-app/src/styles.css
+++ b/ng-app/src/styles.css
@@ -337,7 +337,7 @@ button:focus-visible {
     outline: 4px auto -webkit-focus-ring-color;
 }
 
-@media (prefers-color-scheme: dark) {
+/* @media (prefers-color-scheme: dark) {
     :root {
         color: #f6f6f6;
         background-color: #2f2f2f;
@@ -355,4 +355,4 @@ button:focus-visible {
     button:active {
         background-color: #0f0f0f69;
     }
-}
+} */
diff --git a/ng-app/tailwind.config.cjs b/ng-app/tailwind.config.cjs
index 9bb843c..38d75a0 100644
--- a/ng-app/tailwind.config.cjs
+++ b/ng-app/tailwind.config.cjs
@@ -31,7 +31,7 @@ const config = {
     require('flowbite/plugin'),
     require('@tailwindcss/typography')
   ],
-  darkMode: 'class',
+  darkMode: 'selector',
 };
 
 module.exports = config;