fix: in some themes, the chart tile had no contrast with the background

Author: starpit

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

@@ -25,7 +25,7 @@
 }
 
 @include ChartContainer {
-  background-color: var(--color-base01);
+  background-color: var(--color-base00);
 
   &.pf-c-tile {
     padding-left: 1em;

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

@@ -60,10 +60,6 @@ body.kui--patternfly4[kui-theme="PatternFly4 Dark"][kui-theme-style] {
     --color-latency-0: #73c5c5;
     --color-latency-1: #a2d9d9;
     --color-latency-2: #ef9234;
-
-    @include ChartContainer {
-      background-color: var(--color-base00);
-    }
   }
 }
 

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

@@ -24,6 +24,7 @@ $fg: #f9f9f9;
 $bg: #121a25;
 $bg2: lighten($bg, 10%);
 $bg3: lighten($bg, 5%);
+$fg2: color.scale($bg, $lightness: 5%);
 $latency-0: #80b7b4;
 $latency-1: #02948e;
 $latency-2: color.scale(#d0981b, $lightness: 10%);

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

@@ -24,6 +24,7 @@ $fg: #ffffff;
 $fg3: #cbcbcb;
 $bg: #0e0e0e;
 $bg2: lighten($bg, 10%);
+$fg2: color.scale($bg, $lightness: 5%);
 $latency-0: #c5e6e3;
 $latency-1: #60b1aa;
 $latency-2: color.scale(#c83b22, $lightness: 20%);