Changed colors of the game components to match lobby color scheme

Koltheguy · Apr 18, 2024 · 4b73e26 · 4b73e26
1 parent 86bb960
commit 4b73e26
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/src/Game/ChatBox.module.css b/src/Game/ChatBox.module.css
@@ -1,7 +1,8 @@
 .chatBox {
     width: 700px;
     height: 500px;
-    border: 5px solid black;
+    border: 5px solid #1eb980;
+    color: white;
     margin-left: 55%;
     margin-top: -520px;
     border-radius: 5px;
@@ -10,9 +11,9 @@
   }
 
   .chatHeader {
-    background-color: #f0f0f0;
+    background-color: #106e4b;
     padding: 10px;
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px #106e4b;
   }
 
   .chatHeader h2 {

diff --git a/src/Game/Grid.module.css b/src/Game/Grid.module.css
@@ -17,12 +17,12 @@
   }
 
   .coordNums {
-    color: blue;
+    color: #1eb980;
     border: none;
   }
 
   .coordLetters {
-    color: blue;
+    color: #1eb980;
     border: none;
     justify-content: space-between;
 
@@ -37,7 +37,7 @@
 
 
   th, td {
-    border: 1px solid black;
+    border: 1px solid #1eb980;
     padding: 10px;
     height: 50px;
     width: 500px;

diff --git a/src/Game/UsersConnectedBox.module.css b/src/Game/UsersConnectedBox.module.css
@@ -1,7 +1,8 @@
 .usersBox {
     width: 300px;
     height: 180px;
-    border: 5px solid black;
+    border: 5px solid #1eb980;
+    color: white;
     margin-left: 55%;
     margin-top: -710px;
     border-radius: 5px;
@@ -10,9 +11,9 @@
   }
 
   .usersHeader {
-    background-color: #f0f0f0;
+    background-color: #106e4b;
     padding: 10px;
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid #106e4b;
   }
 
   .usersHeader h2 {