fix: a few color contrast fixes for dashboard charts

Author: starpit

plugins/plugin-codeflare/web/scss/components/Dashboard/Charts.scss

@@ -31,6 +31,6 @@
     padding-left: 1em;
     padding-right: 1em;
     --pf-c-tile__title--Color: var(--color-text-01);
-    --pf-c-tile--before--BorderColor: var(--color-table-border3);
+    --pf-c-tile--before--BorderColor: var(--color-base00);
   }
 }

plugins/plugin-codeflare/web/scss/themes/Mirage.scss

@@ -24,8 +24,8 @@ $fg: #f9f9f9;
 $bg: #121a25;
 $bg2: lighten($bg, 10%);
 $bg3: lighten($bg, 5%);
-$latency-0: #02948e;
-$latency-1: #80b7b4;
+$latency-0: #80b7b4;
+$latency-1: #02948e;
 $latency-2: color.scale(#d0981b, $lightness: 10%);
 $latency-3: #e6e6e7;
 $latency-4: #726b73;

plugins/plugin-codeflare/web/scss/themes/Onyx.scss

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 
+@use "sass:color";
 @import "fonts";
 @import "common";
 
@@ -23,14 +24,14 @@ $fg: #ffffff;
 $fg3: #cbcbcb;
 $bg: #0e0e0e;
 $bg2: lighten($bg, 10%);
-$latency-0: #60b1aa;
-$latency-1: #c5e6e3;
-$latency-2: #c83b22;
+$latency-0: #c5e6e3;
+$latency-1: #60b1aa;
+$latency-2: color.scale(#c83b22, $lightness: 20%);
 $latency-3: #f2bba3;
 $latency-4: #d76344;
 $latency-5: #929292;
 
-$color-red: $latency-2;
-$color-cyan: $latency-1;
+$color-red: #c83b22;
+$color-cyan: $latency-0;
 
 @include Theme($Theme);

plugins/plugin-codeflare/web/scss/themes/Tuatara.scss

@@ -26,9 +26,9 @@ $fg2: color.scale($bg, $lightness: 3%);
 $fg3: color.scale($fg, $saturation: -80%, $lightness: -40%);
 $fg4: color.scale($fg, $lightness: -10%);
 $bg2: color.scale($bg, $lightness: -3%);
-$latency-0: color.scale(#9dd5dd, $saturation: -10%);
-$latency-1: color.scale(color.adjust(#9dd5dd, $hue: -40deg), $saturation: 50%, $lightness: 50%);
-$latency-2: color.scale(#e58f5e, $lightness: -10%);
+$latency-0: color.scale(color.adjust(#9dd5dd, $hue: -40deg), $saturation: 50%, $lightness: 50%);
+$latency-1: color.scale(#9dd5dd, $saturation: -10%);
+$latency-2: color.scale(#e58f5e, $lightness: -5%);
 $latency-3: #d5dd9d;
 $latency-4: #e8cd8f;
 $latency-5: #9db5dd;