refactor: update colors

Author: mrholek

packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts

@@ -34,7 +34,7 @@ const CWidgetStatsA = defineComponent({
         CCard,
         {
           class: [
-            { [`bg-${props.color}`]: props.color, 'text-high-emphasis-inverse': props.color },
+            { [`bg-${props.color}`]: props.color, 'text-white': props.color },
           ],
         },
         () => [

packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts

@@ -57,7 +57,7 @@ const CWidgetStatsB = defineComponent({
         {
           class: [
             {
-              'text-high-emphasis-inverse': props.inverse,
+              'text-white': props.inverse,
             },
           ],
           color: props.color,
@@ -99,7 +99,7 @@ const CWidgetStatsB = defineComponent({
                   'small',
                   {
                     class: [
-                      props.inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis',
+                      props.inverse ? 'text-white text-opacity-75' : 'text-body-secondary',
                     ],
                   },
                   {

packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts

@@ -75,7 +75,7 @@ const CWidgetStatsC = defineComponent({
                   {
                     class: [
                       'text-end mb-4',
-                      props.inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis',
+                      props.inverse ? 'text-white text-opacity-75' : 'text-body-secondary',
                     ],
                   },
                   slots.icon && slots.icon(),
@@ -96,7 +96,7 @@ const CWidgetStatsC = defineComponent({
                   {
                     class: [
                       'text-uppercase fw-semibold small',
-                      props.inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis',
+                      props.inverse ? 'text-white text-opacity-75' : 'text-body-secondary',
                     ],
                   },
                   {

packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts

@@ -74,7 +74,7 @@ const CWidgetStatsD = defineComponent({
                           h(CCol, { class: 'fs-5 fw-semibold' }, () => value.value),
                           h(
                             CCol,
-                            { class: 'text-uppercase text-medium-emphasis small' },
+                            { class: 'text-uppercase text-body-secondary small' },
                             () => value.title,
                           ),
                         ],

packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts

@@ -35,7 +35,7 @@ const CWidgetStatsE = defineComponent({
               h(
                 'div',
                 {
-                  class: 'text-muted small text-uppercase font-weight-bold',
+                  class: 'text-body-secondary small text-uppercase font-weight-bold',
                 },
                 {
                   default: () => (slots.title && slots.title()) || props.title,

packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts

@@ -81,7 +81,7 @@ const CWidgetStatsF = defineComponent({
                     h(
                       'div',
                       {
-                        class: 'text-medium-emphasis text-uppercase fw-semibold small',
+                        class: 'text-body-secondary text-uppercase fw-semibold small',
                       },
                       {
                         default: () => (slots.title && slots.title()) || props.title,

packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap

@@ -3,7 +3,7 @@
 exports[`Loads and display CWidgetStatsE component renders correctly 1`] = `
 "<div class="card">
   <div class="card-body text-center">
-    <div class="text-muted small text-uppercase font-weight-bold">title</div>
+    <div class="text-body-secondary small text-uppercase font-weight-bold">title</div>
     <div class="h2 py-3">value</div>chartdefault
   </div>
 </div>"