npm - @syncfusion/blazor-themes - Versions diffs - 30.1.37 → 30.1.39 - Mend

@syncfusion/blazor-themes 30.1.37 → 30.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (447) hide show

package/SCSS-Themes/navigations/context-menu/fluent2-dark.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $icon-color-pressed !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $icon-color-pressed !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fluent2-highcontrast.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $icon-color-pressed !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fluent2-lite.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $icon-color-pressed !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fluent2.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $icon-color-pressed !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/highcontrast-lite.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-li-selected-outline-offset: 0 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/highcontrast.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-li-selected-outline-offset: 0 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/material-dark-lite.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-li-selected-outline-offset: 0 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/material-dark.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-li-selected-outline-offset: 0 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/material-lite.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/material.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/material3-dark-lite.scss CHANGED Viewed

@@ -215,6 +215,11 @@ $cmenu-hover-icon-color: rgba($icon-color) !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/material3-dark.scss CHANGED Viewed

@@ -215,6 +215,11 @@ $cmenu-hover-icon-color: rgba($icon-color) !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/material3-lite.scss CHANGED Viewed

@@ -215,6 +215,11 @@ $cmenu-hover-icon-color: rgba($icon-color) !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/material3.scss CHANGED Viewed

@@ -215,6 +215,11 @@ $cmenu-hover-icon-color: rgba($icon-color) !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/tailwind-dark-lite.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/tailwind-dark.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/tailwind-lite.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/tailwind.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/tailwind3-dark-lite.scss CHANGED Viewed

@@ -219,6 +219,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/tailwind3-dark.scss CHANGED Viewed

@@ -219,6 +219,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/tailwind3-lite.scss CHANGED Viewed

@@ -219,6 +219,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/tailwind3.scss CHANGED Viewed

@@ -219,6 +219,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/tab/bootstrap-dark-lite.scss CHANGED Viewed

@@ -162,7 +162,7 @@ $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
 $tab-nrml-fill-tb-wrap-height: 44px !default;
 $tab-focus-bg-color: $grey-44 !default;
-$tab-fill-focus-bg-color: $grey-44 !default;
+$tab-fill-focus-bg-color: $brand-primary !default;
 $tab-hover-bg-color: $grey !default;
 $tab-active-bg-color: $grey !default;
 $tab-fill-active-bg-color: $brand-primary !default;
@@ -246,7 +246,7 @@ $tab-alt-active-text-color: $brand-primary-font !default;
 $tab-alt-disable-active-text-color: $brand-primary-font !default;
 $tab-alt-hover-text-color: color.adjust($brand-primary, $lightness: 10%) !default;
 $tab-alt-active-hover-text-color: $brand-primary-font !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $brand-primary-font !default;
 $tab-clone-item-bg-color: rgba($grey-light, .87) !default;
 $tab-clone-text-color: color.adjust($brand-primary, $lightness: 15%) !default;
 $tab-icon-container-width: auto !default;
@@ -536,7 +536,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-hover-text-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-hover-text-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: unset !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-hover-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: unset !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap-dark.scss CHANGED Viewed

@@ -162,7 +162,7 @@ $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
 $tab-nrml-fill-tb-wrap-height: 44px !default;
 $tab-focus-bg-color: $grey-44 !default;
-$tab-fill-focus-bg-color: $grey-44 !default;
+$tab-fill-focus-bg-color: $brand-primary !default;
 $tab-hover-bg-color: $grey !default;
 $tab-active-bg-color: $grey !default;
 $tab-fill-active-bg-color: $brand-primary !default;
@@ -246,7 +246,7 @@ $tab-alt-active-text-color: $brand-primary-font !default;
 $tab-alt-disable-active-text-color: $brand-primary-font !default;
 $tab-alt-hover-text-color: color.adjust($brand-primary, $lightness: 10%) !default;
 $tab-alt-active-hover-text-color: $brand-primary-font !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $brand-primary-font !default;
 $tab-clone-item-bg-color: rgba($grey-light, .87) !default;
 $tab-clone-text-color: color.adjust($brand-primary, $lightness: 15%) !default;
 $tab-icon-container-width: auto !default;
@@ -536,7 +536,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-hover-text-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-hover-text-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: unset !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-hover-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: unset !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap-lite.scss CHANGED Viewed

@@ -140,7 +140,7 @@ $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
 $tab-nrml-fill-tb-wrap-height: 44px !default;
 $tab-focus-bg-color: $grey-lighter !default;
-$tab-fill-focus-bg-color: $grey-lighter !default;
+$tab-fill-focus-bg-color: $brand-primary !default;
 $tab-hover-bg-color: $grey-f5 !default;
 $tab-active-bg-color: $grey-f5 !default;
 $tab-fill-active-bg-color: $brand-primary !default;
@@ -224,7 +224,7 @@ $tab-alt-active-text-color: $brand-primary-font !default;
 $tab-alt-disable-active-text-color: $brand-primary-font !default;
 $tab-alt-hover-text-color: $brand-primary-darken-25 !default;
 $tab-alt-active-hover-text-color: $brand-primary-font !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $brand-primary-font !default;
 $tab-clone-item-bg-color: $grey-white !default;
 $tab-clone-text-color: $brand-primary !default;
 $tab-icon-container-width: auto !default;
@@ -541,7 +541,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-hover-text-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-hover-text-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: unset !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-hover-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: unset !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap.scss CHANGED Viewed

@@ -140,7 +140,7 @@ $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
 $tab-nrml-fill-tb-wrap-height: 44px !default;
 $tab-focus-bg-color: $grey-lighter !default;
-$tab-fill-focus-bg-color: $grey-lighter !default;
+$tab-fill-focus-bg-color: $brand-primary !default;
 $tab-hover-bg-color: $grey-f5 !default;
 $tab-active-bg-color: $grey-f5 !default;
 $tab-fill-active-bg-color: $brand-primary !default;
@@ -224,7 +224,7 @@ $tab-alt-active-text-color: $brand-primary-font !default;
 $tab-alt-disable-active-text-color: $brand-primary-font !default;
 $tab-alt-hover-text-color: $brand-primary-darken-25 !default;
 $tab-alt-active-hover-text-color: $brand-primary-font !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $brand-primary-font !default;
 $tab-clone-item-bg-color: $grey-white !default;
 $tab-clone-text-color: $brand-primary !default;
 $tab-icon-container-width: auto !default;
@@ -541,7 +541,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-hover-text-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-hover-text-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: unset !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-hover-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: unset !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap4-lite.scss CHANGED Viewed

@@ -147,7 +147,7 @@ $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
 $tab-nrml-fill-tb-wrap-height: 44px !default;
 $tab-focus-bg-color: #eee !default;
-$tab-fill-focus-bg-color: #eee !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: color.adjust($gray-100, $lightness: -2%) !default;
 $tab-active-bg-color: $primary !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -229,7 +229,7 @@ $tab-alt-text-color: $primary !default;
 $tab-alt-disable-text-color: $gray-600 !default;
 $tab-alt-active-text-color: $primary-font !default;
 $tab-alt-active-style-hover-text-color: $gray-900 !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-font !default;
 $tab-alt-disable-active-text-color: $gray-600 !default;
 $tab-alt-hover-text-color: color.adjust($gray-600, $lightness: -7.5%) !default;
 $tab-alt-active-hover-text-color: $primary-font !default;
@@ -549,7 +549,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: unset !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-hover-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap4.scss CHANGED Viewed

@@ -147,7 +147,7 @@ $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
 $tab-nrml-fill-tb-wrap-height: 44px !default;
 $tab-focus-bg-color: #eee !default;
-$tab-fill-focus-bg-color: #eee !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: color.adjust($gray-100, $lightness: -2%) !default;
 $tab-active-bg-color: $primary !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -229,7 +229,7 @@ $tab-alt-text-color: $primary !default;
 $tab-alt-disable-text-color: $gray-600 !default;
 $tab-alt-active-text-color: $primary-font !default;
 $tab-alt-active-style-hover-text-color: $gray-900 !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-font !default;
 $tab-alt-disable-active-text-color: $gray-600 !default;
 $tab-alt-hover-text-color: color.adjust($gray-600, $lightness: -7.5%) !default;
 $tab-alt-active-hover-text-color: $primary-font !default;
@@ -549,7 +549,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: unset !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-hover-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -275,7 +275,7 @@ $tab-ripple-bg-color: rgba($transparent, .12) !default;
 $tab-fill-ripple-bg-color: rgba($transparent, .05) !default;
 $tab-alt-ripple-bg-color: rgba($transparent, .1) !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $content-bg-color-alt3 !default;
 $tab-active-bg-color: $content-bg-color-alt2 !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -301,7 +301,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-lighter !default;
 $tab-alt-disable-text-color: rgba($border-light, .38) !default;
 $tab-alt-active-style-hover-text-color: $content-text-color !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text-color !default;
 $tab-alt-disable-active-text-color: $content-text-color-alt3 !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $content-text-color-alt2 !default;
@@ -547,7 +547,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-focused-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap5-dark.scss CHANGED Viewed

@@ -275,7 +275,7 @@ $tab-ripple-bg-color: rgba($transparent, .12) !default;
 $tab-fill-ripple-bg-color: rgba($transparent, .05) !default;
 $tab-alt-ripple-bg-color: rgba($transparent, .1) !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $content-bg-color-alt3 !default;
 $tab-active-bg-color: $content-bg-color-alt2 !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -301,7 +301,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-lighter !default;
 $tab-alt-disable-text-color: rgba($border-light, .38) !default;
 $tab-alt-active-style-hover-text-color: $content-text-color !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text-color !default;
 $tab-alt-disable-active-text-color: $content-text-color-alt3 !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $content-text-color-alt2 !default;
@@ -547,7 +547,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-focused-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap5-lite.scss CHANGED Viewed

@@ -275,7 +275,7 @@ $tab-ripple-bg-color: rgba($transparent, .12) !default;
 $tab-fill-ripple-bg-color: rgba($transparent, .05) !default;
 $tab-alt-ripple-bg-color: rgba($transparent, .1) !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $content-bg-color-alt3 !default;
 $tab-active-bg-color: $content-bg-color-alt2 !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -301,7 +301,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-lighter !default;
 $tab-alt-disable-text-color: rgba($border-light, .38) !default;
 $tab-alt-active-style-hover-text-color: $content-text-color !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text-color !default;
 $tab-alt-disable-active-text-color: $content-text-color-alt3 !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $content-text-color-alt2 !default;
@@ -547,7 +547,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-focused-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -275,7 +275,7 @@ $tab-ripple-bg-color: rgba($transparent, .12) !default;
 $tab-fill-ripple-bg-color: rgba($transparent, .05) !default;
 $tab-alt-ripple-bg-color: rgba($transparent, .1) !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $flyout-bg-color-hover !default;
 $tab-active-bg-color: $flyout-bg-color-pressed !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -301,7 +301,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-text-color !default;
 $tab-alt-disable-text-color: $primary-text-color !default;
 $tab-alt-active-style-hover-text-color: $content-text-color !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text-color !default;
 $tab-alt-disable-active-text-color: $content-text-color-alt3 !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $content-text-color !default;
@@ -548,7 +548,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-focused-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap5.3-dark.scss CHANGED Viewed

@@ -275,7 +275,7 @@ $tab-ripple-bg-color: rgba($transparent, .12) !default;
 $tab-fill-ripple-bg-color: rgba($transparent, .05) !default;
 $tab-alt-ripple-bg-color: rgba($transparent, .1) !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $flyout-bg-color-hover !default;
 $tab-active-bg-color: $flyout-bg-color-pressed !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -301,7 +301,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-text-color !default;
 $tab-alt-disable-text-color: $primary-text-color !default;
 $tab-alt-active-style-hover-text-color: $content-text-color !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text-color !default;
 $tab-alt-disable-active-text-color: $content-text-color-alt3 !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $content-text-color !default;
@@ -548,7 +548,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-focused-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;

package/SCSS-Themes/navigations/tab/bootstrap5.3-lite.scss CHANGED Viewed

@@ -275,7 +275,7 @@ $tab-ripple-bg-color: rgba($transparent, .12) !default;
 $tab-fill-ripple-bg-color: rgba($transparent, .05) !default;
 $tab-alt-ripple-bg-color: rgba($transparent, .1) !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $flyout-bg-color-hover !default;
 $tab-active-bg-color: $flyout-bg-color-pressed !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -301,7 +301,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-text-color !default;
 $tab-alt-disable-text-color: $primary-text-color !default;
 $tab-alt-active-style-hover-text-color: $content-text-color !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text-color !default;
 $tab-alt-disable-active-text-color: $content-text-color-alt3 !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $content-text-color !default;
@@ -548,7 +548,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-focused-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;