From c2184986f7d2540335d4acb726bfc8b85bd9b2bc Mon Sep 17 00:00:00 2001
From: josephroy99 <joseph.roy@roysathome.net>
Date: Wed, 14 Feb 2024 00:01:53 +0000
Subject: [PATCH] flipped dark mode colors

---
 roysathome.net/LoginPage.html | 40 ++++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/roysathome.net/LoginPage.html b/roysathome.net/LoginPage.html
index 3f3bb8e..37f8ab9 100644
--- a/roysathome.net/LoginPage.html
+++ b/roysathome.net/LoginPage.html
@@ -10,8 +10,8 @@
     <style>
         body {
             font-family: 'Protest Strike', sans-serif;
-            background: #000000;
-            color: white;
+            background: white;
+            color: black;
             font-size: 1.1em;
         }
 
@@ -60,16 +60,17 @@
             padding-top: 10px;
             padding-bottom: 10px;
             border: none;
-            background-color: white;
+            background-color: black;
+            color: white;
             border-radius: 10000px;
             margin-top: 15px;
             margin-bottom: 15px;
             font-weight: bolder;
         }
 
-        .input-button:hover {
-            background-color: #dedede;
-        }
+            .input-button:hover {
+                background-color: rgb(44, 44, 44);
+            }
 
         .input-text {
             width: 100%;
@@ -89,7 +90,7 @@
 
         dialog {
             position: absolute;
-            border: none;
+            border: black solid 2px;
             left: 50%;
             top: 50%;
             margin: 0px;
@@ -97,13 +98,13 @@
             border-radius: 20px;
             width: 500px;
             height: 500px;
-            background: black;
+            background: white;
             padding: 0px;
             box-sizing: border-box;
         }
 
             dialog::backdrop {
-                background: rgba(255, 255, 255, 0.388);
+                background: rgba(0, 0, 0, 0.388);
             }
 
             dialog input {
@@ -117,30 +118,31 @@
 
         @media (prefers-color-scheme: dark) {
             body {
-                background: white;
-                color: black;
+                background: black;
+                color: white;
             }
 
             dialog {
-                background: white;
-                color: black;
+                background: black;
+                color: white;
             }
 
                 dialog::backdrop {
-                    background: rgba(0, 0, 0, 0.388);
+                    background: rgba(255, 255, 255, 0.388);
                 }
 
                 dialog input {
                     border: black 2px solid;
                 }
+
             .input-button {
-                background: black;
-                color:white;
+                background: white;
+                color:black;
             }
 
-            .input-button:hover {
-                background-color: rgb(44, 44, 44);
-            }
+                .input-button:hover {
+                    background-color: #dedede;
+                }
         }
 
         .signup-button {