Merge pull request #46962 from rhcs-dashboard/auto-coloring-badges-from-color-pool

mgr/dashboard: auto-coloring-badges-component

Reviewed-by: Ernesto Puerta <epuertat@redhat.com>
Reviewed-by: nSedrickm <NOT@FOUND>
Reviewed-by: Pere Diaz Bou <pdiazbou@redhat.com>

diff --cc src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss
index 3f982c002b0fcde04ad12e34c6dced7336b41996,27547c36b04351e89e89441b7b03988237d7bc62..c2f1cf2992e15048ffced6ec5ff4ae80604cedc8
--- 1/src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss
--- 2/src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss
@@@ -33,9 -33,16 +33,17 @@@ $danger: $red !default
  $light: $gray-100 !default;
  $dark: #777 !default;
  
+ //badges colors
+ $green-300: #6ec664;
+ $cyan-300: #009596;
+ $purple-300: #a18fff;
+ $light-blue-300: #35caed;
+ $gold-300: #f4c145;
+ $light-green-300: #ace12e;
+ 
  // Extra theme colors.
  $accent: $red !default;
 +$accent-wcag-aa-regular-text: #25828e !default;
  $warning-dark: $orange !default;
  
  $fg-color-over-dark-bg: $white !default;