feat(frontend): add default Dark Theme

frontend/src/app/globals.css

@@ -1,13 +1,18 @@
-:root {
+/* :root {
   --background: #ffffff;
   --foreground: #171717;
-}
+} */
 
-@media (prefers-color-scheme: dark) {
+/* @media (prefers-color-scheme: dark) {
   :root {
     --background: #0a0a0a;
     --foreground: #ededed;
   }
+} */
+
+:root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
 }
 
 html,
@@ -35,8 +40,8 @@ a {
     text-decoration: none;
 }
 
-@media (prefers-color-scheme: dark) {
-  html {
+/* @media (prefers-color-scheme: dark) { */
+html {
     color-scheme: dark;
-  }
 }
+/* } */

frontend/src/app/page.module.css

@@ -16,16 +16,16 @@
     font-family: var(--font-geist-sans);
 }
 
-@media (prefers-color-scheme: dark) {
-    .page {
+/* @media (prefers-color-scheme: dark) { */
+.page {
     --gray-rgb: 255, 255, 255;
     --gray-alpha-200: rgba(var(--gray-rgb), 0.145);
     --gray-alpha-100: rgba(var(--gray-rgb), 0.06);
 
     --button-primary-hover: #ccc;
     --button-secondary-hover: #1a1a1a;
-    }
 }
+/* } */
 
 .main {
     display: flex;