seconday color fix

src/scss/_variables.scss

@@ -491,7 +491,7 @@ $alert-border-color: var(--#{$prefix}border-color-translucent) !default;
 $alert-shadow: rgba($dark, 0.04) 0 2px 4px 0 !default;
 
 // Breadcrumb
-$breadcrumb-divider-color: var(--#{$prefix}text-secondary) !default;
+$breadcrumb-divider-color: var(--#{$prefix}secondary) !default;
 $breadcrumb-link-color: var(--#{$prefix}link-color) !default;
 $breadcrumb-active-color: inherit !default;
 $breadcrumb-active-font-weight: var(--#{$prefix}font-weight-bold) !default;
@@ -629,7 +629,7 @@ $loader-size: 2.5rem !default;
 
 // Lists
 $list-group-header-bg: var(--#{$prefix}bg-surface-tertiary) !default;
-$list-group-header-color: var(--#{$prefix}text-secondary) !default;
+$list-group-header-color: var(--#{$prefix}secondary) !default;
 
 $list-group-border-color: var(--#{$prefix}border-color) !default;
 $list-group-item-padding-y: $card-cap-padding-y !default;
@@ -671,7 +671,7 @@ $modal-sm: 380px !default;
 // Nav
 $nav-link-padding-y: 0.5rem !default;
 $nav-link-padding-x: 0.75rem !default;
-$nav-link-color: var(--#{$prefix}text-secondary) !default;
+$nav-link-color: var(--#{$prefix}secondary) !default;
 $nav-link-disabled-color: var(--#{$prefix}disabled-color) !default;
 $nav-link-icon-size: $icon-size !default;
 $nav-link-icon-color: var(--#{$prefix}icon-color) !default;
@@ -748,13 +748,13 @@ $popover-body-color: inherit !default;
 $footer-padding-y: 2rem !default;
 $footer-bg: $white !default;
 $footer-border-color: var(--#{$prefix}border-color) !default;
-$footer-color: var(--#{$prefix}text-secondary) !default;
+$footer-color: var(--#{$prefix}secondary) !default;
 
 // Pagination
 $pagination-border-width: 0 !default;
 $pagination-padding-y: 0.25rem !default;
 $pagination-padding-x: 0.25rem !default;
-$pagination-color: var(--#{$prefix}text-secondary) !default;
+$pagination-color: var(--#{$prefix}secondary) !default;
 $pagination-bg: transparent !default;
 $pagination-disabled-bg: transparent !default;
 $pagination-disabled-color: var(--#{$prefix}disabled-color) !default;
@@ -789,7 +789,7 @@ $table-border-color: var(--#{$prefix}border-color-translucent) !default;
 $table-th-border-color: var(--#{$prefix}border-color-translucent) !default;
 $table-th-padding-x: $table-cell-padding-x !default;
 $table-th-padding-y: 0.5rem !default;
-$table-th-color: var(--#{$prefix}text-secondary) !default;
+$table-th-color: var(--#{$prefix}secondary) !default;
 $table-th-bg: var(--#{$prefix}bg-surface-tertiary) !default;
 $table-striped-order: even !default;
 $table-striped-bg: var(--#{$prefix}bg-surface-tertiary) !default;
@@ -803,7 +803,7 @@ $table-sort-desc-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org
 
 // Toasts
 $toast-border-color: var(--#{$prefix}border-color) !default;
-$toast-header-color: var(--#{$prefix}text-secondary) !default;
+$toast-header-color: var(--#{$prefix}secondary) !default;
 
 // Tracking
 $tracking-height: 1.5rem !default;
@@ -834,7 +834,7 @@ $input-border-color-translucent: var(
 $input-placeholder-color: $text-secondary-light !default;
 
 $input-group-addon-bg: var(--#{$prefix}bg-surface-secondary) !default;
-$input-group-addon-color: var(--#{$prefix}text-secondary) !default;
+$input-group-addon-color: var(--#{$prefix}secondary) !default;
 
 $input-border-radius: var(--#{$prefix}border-radius) !default;
 

src/scss/layout/_page.scss

@@ -121,7 +121,7 @@
 
 .page-subtitle {
   margin-top: .25rem;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
 }
 
 //

src/scss/mixins/_mixins.scss

@@ -9,7 +9,7 @@
   }
 
   @if ($include-color) {
-    color: var(--#{$prefix}text-secondary);
+    color: var(--#{$prefix}secondary);
   }
 }
 

src/scss/ui/_alerts.scss

 .alert {
-  --#{$prefix}alert-color: #{var(--#{$prefix}text-secondary)};
+  --#{$prefix}alert-color: #{var(--#{$prefix}secondary)};
   background: $white;
   border: $alert-border-width var(--#{$prefix}border-style) $alert-border-color;
   border-left: .25rem var(--#{$prefix}border-style) var(--#{$prefix}alert-color);

src/scss/ui/_avatars.scss

@@ -10,7 +10,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   text-align: center;
   text-transform: uppercase;
   vertical-align: bottom;

src/scss/ui/_breadcrumbs.scss

@@ -16,7 +16,7 @@
 }
 
 .breadcrumb-muted {
-  --#{$prefix}breadcrumb-link-color: var(--#{$prefix}text-secondary);
+  --#{$prefix}breadcrumb-link-color: var(--#{$prefix}secondary);
 }
 
 .breadcrumb-item {

src/scss/ui/_buttons.scss

@@ -223,7 +223,7 @@
 .btn-action {
   padding: 0;
   border: 0;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   display: inline-flex;
   width: 2rem;
   height: 2rem;

src/scss/ui/_calendars.scss

@@ -24,7 +24,7 @@
 }
 
 .calendar-header {
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
 }
 
 .calendar-date {

src/scss/ui/_cards.scss

@@ -49,7 +49,7 @@
 }
 
 .card-stamp-icon {
-  background: var(--#{$prefix}text-secondary);
+  background: var(--#{$prefix}secondary);
   color: var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface));
   display: flex;
   align-items: center;
@@ -276,7 +276,7 @@ Stacked card
 }
 
 .card-meta {
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
 }
 
 .card-title {
@@ -298,7 +298,7 @@ Stacked card
 
 .card-subtitle {
   margin-bottom: $card-title-spacer-y;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   font-weight: normal;
 
   .card-header & {
@@ -365,7 +365,7 @@ Card optinos
   display: inline-block;
   min-width: 1rem;
   margin-left: .25rem;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
 }
 
 

src/scss/ui/_dropdowns.scss

@@ -24,7 +24,7 @@
   width: $icon-size !important;
   height: $icon-size !important;
   margin-right: .5rem;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   opacity: $text-secondary-opacity;
   text-align: center;
 }

src/scss/ui/_empty.scss

@@ -17,7 +17,7 @@
   width: 3rem;
   height: 3rem;
   line-height: 1;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
 
   svg {
     width: 100%;
@@ -40,7 +40,7 @@
   font-size: 4rem;
   font-weight: var(--#{$prefix}font-weight-light);
   line-height: 1;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
 }
 
 .empty-title {

src/scss/ui/_forms.scss

@@ -24,7 +24,7 @@ Form label
 .form-label-description {
   float: right;
   font-weight: var(--#{$prefix}font-weight-normal);
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
 }
 
 /**
@@ -32,7 +32,7 @@ Form hint
  */
 .form-hint {
   display: block;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
 
   &:last-child {
     margin-bottom: 0;
@@ -74,7 +74,7 @@ Form control
 
   &:disabled,
   &.disabled {
-    color: var(--#{$prefix}text-secondary);
+    color: var(--#{$prefix}secondary);
     user-select: none;
   }
 
@@ -140,7 +140,7 @@ Form help
   width: 1.125rem;
   height: 1.125rem;
   font-size: .75rem;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   text-align: center;
   text-decoration: none;
   cursor: pointer;

src/scss/ui/_lists.scss

@@ -80,7 +80,7 @@
     border: 0;
 
     .icon {
-      color: var(--#{$prefix}text-secondary);
+      color: var(--#{$prefix}secondary);
     }
 
     &.active {

src/scss/ui/_modals.scss

@@ -29,7 +29,7 @@
   left: 0;
   right: 0;
   height: $modal-status-size;
-  background: var(--#{$prefix}text-secondary);
+  background: var(--#{$prefix}secondary);
   border-radius: $modal-content-border-radius $modal-content-border-radius 0 0;
 }
 

src/scss/ui/_nav.scss

@@ -39,7 +39,7 @@
     margin: 0 0 (- $nav-bordered-border-width);
     border: 0;
     border-bottom: $nav-bordered-link-active-border-width var(--#{$prefix}border-style) transparent;
-    color: var(--#{$prefix}text-secondary);
+    color: var(--#{$prefix}secondary);
   }
 
   .nav-link.active,

src/scss/ui/_pagination.scss

@@ -33,7 +33,7 @@
 .page-item-subtitle {
   margin-bottom: 2px;
   font-size: 12px;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   text-transform: uppercase;
 
   .page-item.disabled & {

src/scss/ui/_timeline.scss

@@ -38,7 +38,7 @@
   width: var(--#{$prefix}timeline-icon-size, $avatar-size);
   height: var(--#{$prefix}timeline-icon-size, $avatar-size);
   background: var(--#{$prefix}gray-200);
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   border-radius: var(--#{$prefix}border-radius);
   z-index: 5
 }

src/scss/ui/forms/_form-check.scss

@@ -5,11 +5,11 @@ Form check
   user-select: none;
 
   &.form-check-highlight .form-check-input:not(:checked) ~ .form-check-label {
-    color: var(--#{$prefix}text-secondary);
+    color: var(--#{$prefix}secondary);
   }
 
   .form-check-label-off {
-    color: var(--#{$prefix}text-secondary);
+    color: var(--#{$prefix}secondary);
   }
 
   .form-check-input:checked ~ .form-check-label-off {
@@ -45,7 +45,7 @@ Form check
 
 .form-check-description {
   display: block;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   font-size: $h5-font-size;
   margin-top: .25rem;
 }

src/scss/ui/forms/_form-imagecheck.scss

@@ -92,7 +92,7 @@ Image check
 .form-imagecheck-caption {
   padding: .25rem;
   font-size: $font-size-sm;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   text-align: center;
   @include transition(color $transition-time);
 

src/scss/ui/forms/_form-selectgroup.scss

@@ -36,7 +36,7 @@ Select group
   padding: $input-btn-padding-y $input-btn-padding-x;
   font-size: $input-btn-font-size;
   line-height: $input-line-height;
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   background: $form-check-input-bg;
   text-align: center;
   cursor: pointer;

src/scss/ui/typo/_hr.scss

@@ -36,7 +36,7 @@ Hr text
   > *:first-child {
     padding-right: .5rem;
     padding-left: 0;
-    color: var(--#{$prefix}text-secondary);
+    color: var(--#{$prefix}secondary);
   }
 
   &.hr-text-left {

src/scss/vendor/_dropzone.scss

 .dropzone {
   border: var(--#{$prefix}border-width) dashed var(--#{$prefix}border-color);
-  color: var(--#{$prefix}text-secondary);
+  color: var(--#{$prefix}secondary);
   padding: 1rem;
 
   &.dz-drag-hover {

src/scss/vendor/_litepicker.scss

 .litepicker {
-  --litepicker-month-weekday-color: #{var(--#{$prefix}text-secondary)};
-  --litepicker-button-prev-month-color: #{var(--#{$prefix}text-secondary)};
-  --litepicker-button-next-month-color: #{var(--#{$prefix}text-secondary)};
+  --litepicker-month-weekday-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-prev-month-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-next-month-color: #{var(--#{$prefix}secondary)};
   --litepicker-button-prev-month-color-hover: #{ var(--#{$prefix}primary) };
   --litepicker-button-next-month-color-hover: #{ var(--#{$prefix}primary) };
   --litepicker-day-color: var(--#{$prefix}body-color);