Implement informational colors in light mode

ECN · May 30, 2025 · 311a9f9 · 311a9f9
1 parent 3b7c1c8
commit 311a9f9
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/tdx-enhanced.js b/tdx-enhanced.js
@@ -1275,6 +1275,11 @@
     --dark-col-blue: #32577a;
     --dark-col-yellow: #654a24;
 
+    --light-col-green: #e3fcea;
+    --light-col-red: #ff6190;
+    --light-col-blue: #e1f5fc;
+    --light-col-yellow: #ffefd8;
+
     /* Original TDX blue */
     --dark-blue-accent: #4c778d;
     --light-blue-accent: #4b3bb9;
@@ -1476,10 +1481,10 @@
     --col-500: var(--light-col-500);
     --col-600: var(--light-col-600);
     --col-700: var(--light-col-700);
-    --col-red: var(--dark-col-red);
-    --col-green: var(--null);
-    --col-blue: var(--null);
-    --col-yellow: var(--null);
+    --col-red: var(--light-col-red);
+    --col-green: var(--light-col-green);
+    --col-blue: var(--light-col-blue);
+    --col-yellow: var(--light-col-yellow);
     --col-link: var(--light-col-link);
     --txt-0: var(--light-txt-0);
     --txt-1: var(--light-txt-1);
@@ -2804,7 +2809,7 @@ nav#divTabHeader,
 }
 
 .alert-info, div.alert-info {
-    color: var(--txt-5) !important;
+    color: var(--txt-1) !important;
     background-color: var(--col-blue) !important;
 }