Update dashboard styles in CSS file

web/newWebsite/styles/dashboard-styles.css

@@ -46,9 +46,8 @@ body {
     justify-content: center;
     margin: 0;
     margin-top: 8vh;
-    background-color: #f0f0f0;
     flex-direction: column;
-    background-color: #afafaf;
+    background-color: #bfbfbf;
     align-items: center;
 
 }
@@ -59,11 +58,11 @@ body {
     display: flex;
     flex-direction: column; /* Keep as column */
     justify-content: flex-start;
-    background-color: #333;
+    background-color: #9f9f9f;
     color: #fff;
     padding: 10px;
     border-radius: 50px;
-    border: 2px solid #333;
+    border: 2px solid #CC2936;
     clear: both;
     margin-bottom: 10px;
     position: relative;
@@ -99,7 +98,6 @@ body {
     text-align: center;
     position: relative;
     padding-top: 3vh; /* Increase bottom padding */
-
 }
 
 .gaugeContainer {
@@ -119,7 +117,7 @@ body {
 .gaugeImage {
     width: 100%;
     height: auto;
-    max-height: 120%;
+    max-height: 140%;
     object-fit: contain;
     position: absolute; /* Make the image position absolute */
     top: 0;
@@ -187,7 +185,8 @@ body {
 }
 
 .navbar {
-    background-color: #333;
+    background-color: #bfbfbf;
+    border-bottom: 2px solid #CC2936;
     height: 60px;
     display: flex;
     align-items: center;