Adjusted the cyan color

The last push had a light blue color. I made it more green to match the logo
RPI-ITWS · Nov 27, 2024 · ed98c33 · ed98c33
1 parent 192f6e3
commit ed98c33
Show file tree

Hide file tree

Showing 9 changed files with 56 additions and 56 deletions.
diff --git a/Auth/Login/login.css b/Auth/Login/login.css
@@ -12,7 +12,7 @@ body {
 .form-container {
     width: 400px;
     padding: 2rem;
-    border: 2px solid #00FFFF; /* Cyan */
+    border: 2px solid #00ffc3; /* Cyan */
     border-radius: 8px;
     background-color: #D3D3D3; /* Light grey */
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@@ -23,7 +23,7 @@ body {
     font-size: 1.8rem;
     font-weight: bold;
     font-style: italic;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     margin-bottom: 1.5rem;
 }
 
@@ -40,7 +40,7 @@ input[type="password"] {
     width: 100%;
     padding: 10px;
     margin-bottom: 1rem;
-    border: 1px solid #00FFFF; /* Cyan */
+    border: 1px solid #00ffc3; /* Cyan */
     border-radius: 5px;
     background-color: #FFFFFF; /* White */
     font-size: 1rem;
@@ -50,7 +50,7 @@ input[type="password"] {
 input[type="email"]:focus,
 input[type="password"]:focus {
     outline: none;
-    border-color: #00B2B2; /* Slightly darker cyan */
+    border-color: #00b28e; /* Slightly darker cyan */
 }
 
 button[type="submit"] {
@@ -60,20 +60,20 @@ button[type="submit"] {
     font-weight: bold;
     font-style: italic;
     color: #FFFFFF; /* White */
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     border: none;
     border-radius: 5px;
     cursor: pointer;
     transition: background-color 0.3s ease;
 }
 
 button[type="submit"]:hover {
-    background-color: #00B2B2; /* Slightly darker cyan */
+    background-color: #00b28e; /* Slightly darker cyan */
 }
 
 #signup a {
     font-weight: bold;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     text-decoration: none;
 }
 

diff --git a/Leaderboard/src/leaderboard.css b/Leaderboard/src/leaderboard.css
@@ -16,7 +16,7 @@ body, html {
 }
 
 #leaderboardTable th, #leaderboardTable td {
-    border: 1px solid #00FFFF; /* Cyan */
+    border: 1px solid #00ffc3; /* Cyan */
     padding: 12px;
     text-align: center;
     overflow: hidden;
@@ -26,7 +26,7 @@ body, html {
 
 #leaderboardTable th {
     background-color: #D3D3D3; /* Light grey */
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     font-weight: bold;
 }
 
@@ -49,13 +49,13 @@ body, html {
     margin: 10px;
     background-color: #D3D3D3; /* Light grey */
     border-radius: 8px;
-    border: 2px solid #00FFFF; /* Cyan */
+    border: 2px solid #00ffc3; /* Cyan */
     width: 70%;
     height: auto;
 }
 
 #leaderBoardTitle {
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     text-align: center;
     margin-top: 60px;
     margin-bottom: 20px;
@@ -69,10 +69,10 @@ body, html {
 
 #sortButtons .btn {
     background-color: #D3D3D3; /* Light grey */
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     margin-right: 10px;
     padding: 10px 20px;
-    border: 1px solid #00FFFF; /* Cyan */
+    border: 1px solid #00ffc3; /* Cyan */
     border-radius: 5px;
     font-weight: bold;
     font-style: italic;
@@ -81,11 +81,11 @@ body, html {
 }
 
 #sortButtons .btn:hover {
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     color: #FFFFFF; /* White */
 }
 
 #sortButtons .btn.active {
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     color: #FFFFFF; /* White */
 }
diff --git a/Predictions/src/predictions.css b/Predictions/src/predictions.css
@@ -21,7 +21,7 @@
     text-align: center;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
-    border: 10px solid #00FFFF; /* Cyan */
+    border: 10px solid #00ffc3; /* Cyan */
     margin: 5rem auto;
     z-index: 1; 
     overflow-y: auto;
@@ -36,7 +36,7 @@
     align-items: center;
     padding: 0 20px;
     box-sizing: border-box;
-    border: #00FFFF solid 1px;
+    border: #00ffc3 solid 1px;
     background-color: #FFFFFF; /* White */
 }
 
@@ -72,6 +72,6 @@
     font-size: 60px;
     font-weight: bold;
     font-style: italic;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     text-align: center;
 }
diff --git a/Statistics/assets/stats.css b/Statistics/assets/stats.css
@@ -5,7 +5,7 @@ body {
 #body {
     padding-top: 1px;
     padding-bottom: 12vh;
-    background-color: #FFFFFF; /* White */
+    background-color: #00ffc3; /* White */
     color: #000000; /* Black */
 }
 
@@ -19,7 +19,7 @@ body {
     align-items: center;
     justify-content: center;
     flex-direction: row;
-    border-bottom: 5px solid #00FFFF; /* Cyan */
+    border-bottom: 5px solid #00ffc3; /* Cyan */
     background-color: #D3D3D3; /* Light grey */
     position: absolute;
 }
@@ -42,13 +42,13 @@ body {
     align-content: center;
     text-align: center;
     text-decoration: none;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     font-size: larger;
     font-weight: bold;
 }
 
 .tab a:hover {
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     color: #FFFFFF; /* White */
 }
 
@@ -72,11 +72,11 @@ body {
     text-align: center;
     text-decoration: none;
     font-size: xx-large;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
 } 
 
 #MoreOptions:hover {
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     color: #FFFFFF; /* White */
     cursor: pointer;
 } 
@@ -112,7 +112,7 @@ body {
 
 #statlabel {
     font-size: 28px;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     transition: color 0.3s ease;
     white-space: nowrap;
     flex-shrink: 0;
@@ -137,7 +137,7 @@ body {
 }
 
 #stat option {
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     color: #000000; /* Black */
 }
 
@@ -160,8 +160,8 @@ body {
     padding: 12px 24px;
     font-size: 16px;
     background-color: #D3D3D3; /* Light grey */
-    color: #00FFFF; /* Cyan */
-    border: 2px solid #00FFFF;
+    color: #00ffc3; /* Cyan */
+    border: 2px solid #00ffc3;
     cursor: pointer;
     transition: background-color 0.3s ease;
     position: relative;
@@ -180,7 +180,7 @@ body {
 }
 
 #StatButton:hover, #PlayerButton:hover {
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     color: #FFFFFF; /* White */
 }
 
@@ -208,7 +208,7 @@ body {
 
 #FindPlayer:hover {
     cursor: pointer;
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     color: #FFFFFF; /* White */
 }
 
@@ -232,6 +232,6 @@ body {
 .player:hover {
     width: 100%;
     cursor: pointer;
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     color: #FFFFFF; /* White */
 }
diff --git a/Team/Team.css b/Team/Team.css
@@ -11,7 +11,7 @@ body, html {
     align-items: center;
     padding: 20px;
     background-color: #D3D3D3; /* Light grey */
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
 }
 
 .logo {
@@ -24,11 +24,11 @@ body, html {
     font-size: 2.5rem;
     font-weight: bold;
     font-style: italic;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
 }
 
 .team-info a {
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     text-decoration: none;
     margin-right: 10px;
     font-weight: bold;
@@ -42,7 +42,7 @@ body, html {
 }
 
 .nav-tabs a {
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     text-decoration: none;
     font-weight: bold;
     font-style: italic;
@@ -53,12 +53,12 @@ body, html {
 }
 
 .nav-tabs a:hover {
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     color: #FFFFFF; /* White */
 }
 
 .nav-tabs a.active {
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     color: #FFFFFF; /* White */
 }
 
@@ -85,7 +85,7 @@ body, html {
     font-size: 1.8rem;
     font-weight: bold;
     font-style: italic;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     margin-bottom: 20px;
 }
 
@@ -134,5 +134,5 @@ body, html {
     margin: 10px 0;
     font-size: 1rem;
     font-weight: bold;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
 }
diff --git a/Team/Teams.css b/Team/Teams.css
@@ -57,7 +57,7 @@ h1 {
 
 .division li a {
     text-decoration: none;
-    color: #0073e6;
+    color: #00ffc3;
     font-size: 16px;
     font-weight: bold;
 }

diff --git a/assets/MainPage.css b/assets/MainPage.css
@@ -22,7 +22,7 @@ body, html {
     margin: 10px;
     background-color: #D3D3D3; /* Light grey */
     border-radius: 8px;
-    border: 2px solid #00FFFF; /* Cyan */
+    border: 2px solid #00ffc3; /* Cyan */
 }
 
 #MiddleColumn {
@@ -31,7 +31,7 @@ body, html {
     box-sizing: border-box;
     margin: 10px;
     background-color: #D3D3D3; /* Light grey */
-    border: 2px solid #00FFFF; /* Cyan */
+    border: 2px solid #00ffc3; /* Cyan */
     border-radius: 8px;
     overflow: auto;
     max-height: 100vh;
@@ -40,32 +40,32 @@ body, html {
 h3 {
     font-weight: bold;
     font-style: italic;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
 }
 
 #RightColumn ul li a {
     text-decoration: none;
-    color: #00FFFF; /* Cyan */
+    color: #00ffc3; /* Cyan */
     font-weight: bold;
 }
 
 #RightColumn ul li a:hover {
     color: #FFFFFF; /* White */
-    background-color: #00FFFF; /* Cyan */
+    background-color: #00ffc3; /* Cyan */
     padding: 2px;
     border-radius: 4px;
 }
 
 #Thumbnails .thumbnail {
-    border: 2px solid #00FFFF; /* Cyan */
+    border: 2px solid #00ffc3; /* Cyan */
     border-radius: 8px;
     overflow: hidden;
     transition: transform 0.3s;
 }
 
 .thumbnail:hover {
     transform: scale(1.05);
-    box-shadow: 0 0 10px #00FFFF;
+    box-shadow: 0 0 10px #00ffc3;
 }
 
 .game-card {

diff --git a/assets/miniLeaderboard.css b/assets/miniLeaderboard.css
@@ -7,7 +7,7 @@
 }
 
 #miniLeaderboard td {
-    border: 1px solid #00aaff;
+    border: 1px solid #00ffc3;
     padding: 8px;
     text-align: left;
 }
@@ -17,7 +17,7 @@
 }
 
 #miniLeaderboard tr:hover {
-    background-color: #00aaff;
+    background-color: #00ffc3;
 }
 
 #miniLeaderboard td:first-child {