Merge pull request #206 from DrAlzahraniProjects/UI_color_changes

UI color changes
DrAlzahraniProjects · Nov 25, 2024 · da90de0 · da90de0
2 parents 135cb67 + 2c59b8b
commit da90de0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 11 deletions.
diff --git a/app.py b/app.py
@@ -116,17 +116,17 @@ def color_cells(val):
         """
         if "TP" in val and val[0] != '0' or "TN" in val and val[0] != '0':
             return {
-                "background-color": "#90f7aa",  # Light green for correct predictions
-                "color": "#013b0f"  # Dark green text
+                "background-color": "#transparent",  # Light green for correct predictions
+                "color": "#767676"  # Dark green text
             }
         elif "FP" in val and val[0] != '0' or "FN" in val and val[0] != '0':
             return {
-                "background-color": "#fbc5ca",  # Light red for incorrect predictions
-                "color": "#4b0007"  # Dark red text
+                "background-color": "#transparent",  # Light red for incorrect predictions
+                "color": "#767676"  # Dark red text
             }
         return {
             "background-color": "transparent",  # Default white background
-            "color": "#000000"  # Default black text
+            "color": "#767676"  # Default black text
         }
 
     def display_performance_metrics(self):

diff --git a/assets/style.css b/assets/style.css
@@ -95,18 +95,18 @@ div[data-testid="stVerticalBlock"] div:has(div.fixed-header) {
     }
 
     .important-metrics {
-        color: #ffffff; /* White text */
-        border: 1px solid #1fa1e566; /* Subtle blue for emphasis */
-        background-color: #72b4d766;
+        color: #c8c8c8; /* Muted light gray for a softer emphasis */
+        border: 1px solid #383c47; /* Subtle dark gray border with a hint of blue */
+        background-color: #2e323d;
         border-radius: 10px;
         padding: 10px;
         margin-bottom: 10px;
     }
 
     .normal-metrics {
-        color: #ffffff; /* White text */
-        border: 1px solid #aaaaaa; /* Softer gray border for neutral look */
+        border: 1px solid #454d57;
         background-color: #262730;
+        color: #c8c8c8;
         border-radius: 10px;
         padding: 10px;
         margin-bottom: 10px;
@@ -115,7 +115,6 @@ div[data-testid="stVerticalBlock"] div:has(div.fixed-header) {
 
 table {
     border-spacing: 0;
-    border-radius: 15px; /* Add rounded corners */
     overflow: hidden; /* Ensure rounded corners appear */
     width: 100%;
 }