@syncfusion/ej2-navigations 20.3.60 → 20.4.40

package/styles/menu/_theme.scss

@@ -8,7 +8,7 @@
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {

package/styles/menu/fluent-dark.css

@@ -910,7 +910,7 @@
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background-color: #252423;
   color: #f3f2f1;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,

package/styles/menu/fluent.css

@@ -910,7 +910,7 @@
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background-color: #fff;
   color: #201f1e;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,

package/styles/tab/_bootstrap-dark-definition.scss

@@ -54,7 +54,7 @@ $tab-focus-outline: 0 !default;
 $tab-active-focus-outline: 0 !default;
 $tab-active-text-item-border: 0 !default;
 $tab-disable-active-text-item-border: 0 !default;
-$tab-active-item-border: $tab-border-style $grey-99 !default;
+$tab-active-item-border: 1px solid $grey-99 !default;
 $tab-alt-active-item-border: $tab-border-style $grey-99 !default;
 $tab-accent-active-item-border: $tab-border-style $grey-99 !default;
 $tab-fill-hdr-border: 0 !default;
@@ -75,8 +75,8 @@ $tab-alt-hdr-border: 0 !default;
 
 $tab-items-border: 1px solid $grey-88 !default;
 
-$tab-big-item-margin: 0 2px -3px 0 !default;
-$tab-nrml-item-margin: 0 2px -1px 0 !default;
+$tab-big-item-margin: 0 !default;
+$tab-nrml-item-margin: 0 !default;
 $tab-big-item-padding: 0 !default;
 $tab-nrml-item-padding: 0 !default;
 $tab-big-icon-top-bottom-item-height: 72px !default;
@@ -117,8 +117,6 @@ $tab-ripple-bg-color: rgba($grey, 0) !default;
 $tab-fill-ripple-bg-color: rgba($grey, 0) !default;
 $tab-alt-ripple-bg-color: rgba($grey, 0) !default;
 $tab-item-border: 1px solid transparent !default;
-$tab-alt-item-border: 0 !default;
-$tab-active-item-border: 1px solid $grey-88 !default;
 $tab-active-item-border-bottom: 3px solid $grey-base !default;
 $tab-active-item-border-color: $grey-99 !default;
 $tab-even-active-item-border-bottom: 3px solid $grey-base !default;
@@ -127,8 +125,8 @@ $tab-nrml-boot-item-margin: 0 !default;
 $tab-big-scroll-boot-item-margin: 0 2px -4px 0 !default;
 $tab-nrml-scroll-boot-item-margin: 0 2px -4px 0 !default;
 $tab-mob-boot-item-margin: 1px 2px -4px 0 !default;
-$tab-big-even-boot-item-margin: -1px 2px 0 0 !default;
-$tab-nrml-even-boot-item-margin: -1px 2px 0 0 !default;
+$tab-big-even-boot-item-margin: 0 2px 0 0 !default;
+$tab-nrml-even-boot-item-margin: 0 2px 0 0 !default;
 $tab-mob-even-boot-item-margin: -1px 2px 0 0 !default;
 $tab-big-boot-active-item-padding-bottom: 0 !default;
 $tab-nrml-boot-active-item-padding-bottom: 0 !default;
@@ -154,8 +152,6 @@ $tab-big-io-wrap-padding: 0 20px !default;
 $tab-nrml-io-wrap-padding: 0 15px !default;
 $tab-wrap-focus-margin-right: 0 !default;
 $tab-wrap-focus-margin-left: 0 !default;
-$tab-big-ileft-active-text-wrap-padding: 0 !default;
-$tab-nrml-ileft-active-text-wrap-padding: 0 !default;
 $tab-big-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
@@ -203,14 +199,11 @@ $tab-rtl-nrml-text-container-margin-right: 0 !default;
 $tab-rtl-big-text-container-margin-left: 22px !default;
 $tab-rtl-nrml-text-container-margin-left: 20px !default;
 $tab-big-active-text-container-height: 50px !default;
-$tab-nrml-active-text-container-height: 40px !default;
 $tab-big-active-it-text-container-height: 50px !default;
-$tab-nrml-active-it-text-container-height: 40px !default;
 $tab-fill-big-active-it-text-container-height: 50px !default;
 $tab-fill-nrml-active-it-text-container-height: 40px !default;
 $tab-big-even-active-text-container-height: 50px !default;
 $tab-nrml-even-active-text-container-height: 40px !default;
-$tab-even-active-text-container-padding: 0 !default;
 $tab-even-active-text-container-margin: 0 !default;
 
 $tab-big-font-size: 15px !default;
@@ -274,8 +267,6 @@ $tab-big-nav-icon-top: 11px !default;
 $tab-nrml-nav-icon-top: 5px !default;
 $tab-big-nav-pop-icon-top: 13px !default;
 $tab-nrml-nav-pop-icon-top: 8px !default;
-$tab-big-hover-nav-pop-icon-top: 0 !default;
-$tab-nrml-hover-nav-pop-icon-top: 0 !default;
 $tab-big-safari-nav-icon-top: 4px !default;
 $tab-nrml-safari-nav-icon-top: 4px !default;
 $tab-big-safari-pop-icon-top: 6px !default;
@@ -315,7 +306,6 @@ $tab-rtl-nrml-close-icon-top-bottom-left: 15px !default;
 $tab-rtl-big-pop-close-icon-top-bottom-left: 24px !default;
 $tab-rtl-nrml-pop-close-icon-top-bottom-left: 20px !default;
 $tab-pop-close-icon-right: 16px !default;
-$tab-pop-close-icon-top: 0 !default;
 $tab-rtl-pop-close-icon-left: 16px !default;
 $tab-mob-close-icon-top-bottom-right: 12px !default;
 $tab-rtl-mob-close-icon-top-bottom-left: 12px !default;
@@ -387,6 +377,272 @@ $tab-nav-active-box-shadow: none !default;
 $tab-nav-focus-border-color: $grey-e6 !default;
 $tab-alt-nav-hover-bg-color: $grey-e6 !default;
 
+$tab-bgr-active-last-margin: 1px 2px 0 0 !default;
+$tab-bgr-hscroll-items-nav-width: 50px !default;
+$tab-bgr-item-textwrap-height: $tab-big-height !default;
+$tab-bgr-active-icon-top: -.5px !default;
+$tab-bgr-icon-line-height: 1 !default;
+$tab-bgr-mob-item-iconright-margin: 0 !default;
+$tab-bgr-pop-item-textwrap-height: $tab-big-pop-item-height !default;
+$tab-bgr-scroll-nav-arrow-before-top: 0 !default;
+$tab-bgr-hor-pop-lineheight: 42px !default;
+$tab-bgr-hor-pop-hover-top: .5px !default;
+$tab-bgr-hor-focus-pop-hover-top: -2px !default;
+$tab-bgr-bottom-active-close-top: .5px !default;
+$tab-bgr-bottom-active-itop-close-top: 1.5px !default;
+$tab-bgr-bottom-active-text-padding-top: .5px !default;
+$tab-bgr-bottom-active-last-close-top: 0 !default;
+$tab-bgr-vertical-icon-min-height: 38px !default;
+$tab-bgr-vertical-icon-min-width: auto !default;
+$tab-bgr-rtl-bottom-item-margin: 0 0 0 2px !default;
+$tab-bgr-rtl-bottom-active-margin: 0 0 0 2px !default;
+$tab-bgr-fill-first-last-padding: 0 !default;
+$tab-bgr-fill-item-textwrap-height: $tab-big-fill-height !default;
+$tab-bgr-fill-active-ileft-textwrap-height: 50px !default;
+$tab-bgr-fill-focused-wrap-height: $tab-focus-big-fill-height !default;
+$tab-bgr-rtl-icon-right-margin: 0 !default;
+$tab-bgr-background-active-padding: $tab-alt-big-active-item-padding !default;
+$tab-bgr-fill-active-item-padding: 0 !default;
+$tab-bgr-item-text-margin-bottom: 0 !default;
+
+$tab-nrml-hscroll-items-nav-width: 40px !default;
+$tab-nrml-hscroll-items-bdr-radius: 0 !default;
+$tab-nrml-item-text-wrap-height: $tab-nrml-height !default;
+$tab-nrml-item-tabicon-line-height: 1 !default;
+$tab-nrml-pop-item-textwrap-height: $tab-nrml-pop-item-height !default;
+$tab-nrml-scroll-nav-arrow-before-top: 0 !default;
+$tab-nrml-hor-pop-lineheight: 34px !default;
+$tab-nrml-mob-hor-pop-lineheight: 43px !default;
+$tab-nrml-hor-focus-pop-lineheight: 32px !default;
+$tab-nrml-hor-focus-pop-hover-top: -.5px !default;
+$tab-nrml-vertical-icon-min-height: 40px !default;
+$tab-nrml-vertical-icon-min-width: 33px !default;
+$tab-nrml-vertical-tabicon-margin: 0 !default;
+$tab-nrml-vertical-rtl-active-margin: 0 0 0 2px !default;
+$tab-nrml-fill-item-textwrap-height: $tab-nrml-fill-height !default;
+$tab-nrml-fill-focused-wrap-height: $tab-focus-nrml-fill-height !default;
+$tab-nrml-rtl-icon-right-margin: 0 !default;
+$tab-nrml-hdr-before-display: block !default;
+$tab-nrml-item-active-position: unset !default;
+$tab-nrml-item-active-hover-before-left: unset !default;
+$tab-nrml-item-active-hover-before-right: unset !default;
+$tab-nrml-item-active-before-bg-font: unset !default;
+$tab-nrml-item-active-before-bottom: unset !default;
+$tab-nrml-item-active-before-content: unset !default;
+$tab-nrml-item-active-before-height: unset !default;
+$tab-nrml-item-active-before-left: unset !default;
+$tab-nrml-item-active-before-position: unset !default;
+$tab-nrml-item-active-before-transition: unset !default;
+$tab-nrml-item-active-after-font: unset !default;
+$tab-nrml-item-active-after-content: unset !default;
+$tab-nrml-item-active-after-display: unset !default;
+$tab-nrml-item-active-after-font-weight: unset !default;
+$tab-nrml-item-active-after-height: unset !default;
+$tab-nrml-item-active-after-overflow: unset !default;
+$tab-nrml-hscroll-bar-padding: 0 !default;
+$tab-nrml-vertical-indicator-bdr-radius: 0 !default;
+$tab-nrml-indicator-transition: left .125s cubic-bezier(.35, 0, .25, 1), right .25s cubic-bezier(.35, 0, .25, 1) !default;
+$tab-nrml-active-item-tabicon-before-top: -1px !default;
+$tab-nrml-bottom-active-before-top: unset !default;
+$tab-nrml-vertical-indicator-transition: top .125s cubic-bezier(.35, 0, .25, 1), bottom .25s cubic-bezier(.35, 0, .25, 1) !default;
+$tab-nrml-vertical-hover-before-height: unset !default;
+$tab-nrml-vertical-before-bottom: unset !default;
+$tab-nrml-vertical-before-height: unset !default;
+$tab-nrml-vertical-before-left: unset !default;
+$tab-nrml-vertical-before-transition: unset !default;
+$tab-nrml-vertical-text-position: unset !default;
+$tab-nrml-vertical-wrap-before-content: unset !default;
+$tab-nrml-vertical-wrap-before-display: unset !default;
+$tab-nrml-vertical-wrap-before-position: unset !default;
+$tab-nrml-vertical-wrap-before-top: unset !default;
+$tab-nrml-vertical-wrap-before-width: unset !default;
+$tab-nrml-vertical-wrap-before-border: unset !default;
+$tab-nrml-vertical-indicator-width: 2px !default;
+$tab-nrml-bottom-wrap-before-top: unset !default;
+$tab-nrml-background-vertical-indicator-display: none !default;
+$tab-nrml-background-active-padding: $tab-alt-nrml-active-item-padding !default;
+$tab-nrml-item-text-margin-bottom: 0 !default;
+
+$tab-header-font-weight: normal !default;
+$tab-header-before-border-color: $tab-hdr-bdr-color !default;
+$tab-header-before-border-width: 0 0 1px !default;
+$tab-header-border-bottom: 0 !default;
+$tab-item-hover-bg: inherit !default;
+$tab-item-wrap-border: 0 !default;
+$tab-clone-item-wrap-border: 0 !default;
+$tab-item-wrap-hover-border: 0 !default;
+$tab-item-wrap-hover-border-radius: 4px !default;
+$tab-item-active-wrap-border: 0 !default;
+$tab-active-wrap-position: unset !default;
+$tab-active-wrap-before-border: unset !default;
+$tab-active-wrap-before-content: unset !default;
+$tab-active-wrap-before-display: unset !default;
+$tab-active-wrap-before-position: unset !default;
+$tab-active-wrap-before-top: unset !default;
+$tab-active-wrap-before-width: unset !default;
+$tab-focused-wrap-focus-border: 0 !default;
+$tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
+$tab-content-line-height: 18px !default;
+$tab-content-font-size: 12px !default;
+$tab-item-active-tabwrap-border: 0 !default;
+$tab-item-left-icon-before-top: 2px !default;
+$tab-item-icon-before-top: 2px !default;
+$tab-item-icon-before-left: 2px !default;
+$tab-item-active-border-bottom: 1px solid $grey-99 !default;
+
+$tab-pop-wrap-hover-border: 0 !default;
+$tab-pop-wrap-hover-border-radius: 4px !default;
+$tab-pop-wrap-hover-close-color: $tab-hover-text-color !default;
+$tab-pop-wrap-active-border-color: unset !default;
+$tab-pop-wrap-active-icon-font: $tab-pop-text-color !default;
+$tab-pop-icon-border: 0 !default;
+$tab-pop-focus-icon-active-bg: $tab-pop-icon-hover-bg-color !default;
+$tab-pop-focus-icon-active-color: $tab-nav-focus-icon-color !default;
+$tab-pop-focus-bg: transparent !default;
+$tab-pop-hover-bg: transparent !default;
+$tab-pop-nav-active-bg: inherit !default;
+$tab-pop-nav-active-border: 0 !default;
+$tab-pop-nav-active-border-radius: 0 4px 0 0 !default;
+$tab-pop-active-icons-color: $active-font-color !default;
+
+$tab-scroll-nav-bg: inherit !default;
+$tab-scroll-nav-arrow-font: $tab-nav-icon-color !default;
+$tab-scroll-arrow-hover-border: $tab-item-active-wrap-border !default;
+$tab-scroll-arrow-active-border: $tab-item-active-wrap-border !default;
+$tab-scroll-focus-arrow-border: $tab-item-active-wrap-border !default;
+$tab-scroll-focus-arrow-active-bg: $tab-nav-focus-bg-color !default;
+$tab-scroll-focus-arrow-active-border-color: unset !default;
+$tab-scroll-focus-arrow-active-color: $tab-nav-focus-icon-color !default;
+$tab-scroll-active-border: 0 !default;
+$tab-scroll-overlay-arrow-color: $tab-disable-nav-icon-color !default;
+$tab-scroll-overlay-arrow-hover-color: $tab-disable-nav-icon-color !default;
+$tab-scroll-overlay-arrow-hover-bg: $tab-hover-nav-bg-color !default;
+$tab-scroll-overlay-arrow-hover-border-color: unset !default;
+$tab-scroll-focused-nav-focus-icon-bg: $tab-nav-focus-bg-color !default;
+$tab-scroll-focused-nav-focus-icon-border: $tab-pop-up-icon-focus-border !default;
+
+$tab-bottom-border-color: unset !default;
+$tab-bottom-border-width: 0 !default;
+$tab-bottom-hidden-items-border-color: $grey-88 !default;
+$tab-bottom-hidden-items-border-width: 1px 0 0 !default;
+$tab-bottom-active-border-color: $tab-active-item-border-color !default;
+$tab-bottom-active-border-width: 1px !default;
+$tab-bottom-active-margin-top: 0 !default;
+
+$tab-vertical-scroll-hover-border-color: $tab-vscroll-nav-border-color transparent transparent !default;
+$tab-vertical-scroll-hover-active-bg: $tab-v-nav-focus-bg-color !default;
+$tab-vertical-focus-active-arrow-color: none !default;
+$tab-vertical-pop-icon-hover-color: $tab-hover-nav-icon-color !default;
+$tab-vertical-pop-icon-active-color: $tab-nav-focus-icon-color !default;
+$tab-vertical-focused-nav-focus-border-color: $tab-vertical-scroll-hover-border-color !default;
+$tab-vertical-before-border-width: 0 1px 0 0 !default;
+
+$tab-fill-wrap-hover-icon-color: $tab-hover-text-color !default;
+$tab-fill-active-tabwrap-border-color: unset !default;
+$tab-fill-active-text-before-border: unset !default;
+$tab-fill-active-close-hover-color: $tab-alt-active-hover-close-icon-color !default;
+$tab-fill-pop-active-icon-color: $tab-pop-text-color !default;
+$tab-fill-pop-wrap-hover-bg: $tab-hover-bg-color !default;
+$tab-fill-pop-wrap-hover-text-color: $tab-hover-text-color !default;
+$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-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;
+$tab-background-pop-icon-hover-bg: $tab-alt-nav-hover-bg-color !default;
+$tab-background-pop-icon-hover-border-color: $grey !default;
+$tab-background-focused-active-wrap-focus-bg: $tab-key-alt-active-focus-bg-color !default;
+$tab-background-focused-active-wrap-focus-border-color: unset !default;
+$tab-background-wrap-hover-text-color: $tab-alt-wrap-hover-color !default;
+$tab-background-wrap-hover-icon-color: $tab-alt-active-text-color !default;
+$tab-background-wrap-hover-close-color: $tab-alt-wrap-hover-color !default;
+$tab-background-close-hover-active-color: $tab-background-wrap-hover-close-color !default;
+$tab-background-wrap-hover-bg-color: $tab-bg-item-wrap-hover-bg-color !default;
+$tab-background-wrap-hover-border-color: unset !default;
+$tab-background-active-bg: inherit !default;
+$tab-background-active-text-color: $tab-alt-active-text-color !default;
+$tab-background-active-icon-color: $tab-alt-active-text-color !default;
+$tab-background-active-close-color: $tab-alt-active-close-icon-color !default;
+$tab-background-active-wrap-bg: $tab-alt-active-bg-color !default;
+$tab-background-active-wrap-border-color: unset !default;
+$tab-background-active-wrap-border-radius: $tab-active-item-border-radius !default;
+$tab-background-active-wrap-border-width: 0 !default;
+$tab-background-active-hover-text-color: $tab-alt-active-text-color !default;
+$tab-background-active-hover-icon-color: $tab-alt-active-text-color !default;
+$tab-background-active-hover-close-color: $tab-alt-active-wrap-hover-close-color !default;
+$tab-background-active-hover-bg: $tab-background-active-wrap-bg !default;
+$tab-background-active-hover-border-color: $tab-background-active-wrap-border-color !default;
+$tab-background-active-close-hover-color: $tab-background-active-hover-close-color !default;
+$tab-background-activeitem-close-active-color: $tab-background-active-hover-close-color !default;
+$tab-background-active-wrap-focus-bg: $tab-alt-active-focus-bg-color !default;
+$tab-background-active-wrap-focus-text-color: $tab-alt-active-text-color !default;
+$tab-background-active-wrap-focus-icon: $tab-alt-active-text-color !default;
+$tab-background-active-wrap-focushover-text-color: $tab-alt-active-text-color !default;
+$tab-background-active-wrap-focushover-close-color: $tab-alt-active-text-color !default;
+$tab-background-active-text-icon-color: $tab-alt-active-text-color !default;
+$tab-background-active-close-icon-color: $tab-alt-active-close-icon-color !default;
+$tab-background-active-close-text-hover-color: $tab-alt-active-hover-close-icon-color !default;
+$tab-background-pop-text-color: $tab-alt-text-color !default;
+$tab-background-pop-wrap-hover-bg: $tab-alt-hover-bg-color !default;
+$tab-background-pop-wrap-hover-text-color: $tab-alt-pop-wrap-hover-color !default;
+$tab-background-pop-wrap-active-text-color: $tab-background-pop-text-color !default;
+$tab-background-pop-wrap-active-icon-color: $tab-background-pop-text-color !default;
+$tab-background-pop-wrap-active-close-color: $tab-background-pop-text-color !default;
+$tab-background-scroll-bg: inherit !default;
+$tab-background-scroll-arrow-border: 0 !default;
+$tab-background-scroll-arrow-hover-bg: $tab-bg-hover-nav-bg-color !default;
+$tab-background-scroll-arrow-hover-border-color: unset !default;
+$tab-background-scroll-arrow-active-bg: unset !default;
+$tab-background-scroll-arrow-active-color: $tab-alt-nav-icon-color !default;
+$tab-background-scroll-focus-arrow-border: 0 !default;
+$tab-background-scroll-focus-arrow-bg: $tab-nav-focus-bg-color !default;
+$tab-background-nav-focus-active-bg: $tab-nav-focus-bg-color !default;
+$tab-background-nav-focus-active-border-color: unset !default;
+$tab-background-nav-focus-active-color: $tab-bg-hover-nav-icon-color !default;
+$tab-background-hor-nav-bg: transparent !default;
+$tab-background-pop-icon-color: $tab-alt-nav-icon-color !default;
+$tab-background-pop-icon-border: 0 !default;
+$tab-background-pop-active-hover-bg: $tab-background-pop-icon-hover-bg !default;
+$tab-background-pop-active-hover-color: $tab-bg-hover-nav-icon-color !default;
+$tab-background-focus-pop-bg: $tab-nav-focus-bg-color !default;
+$tab-background-focus-pop-border: $tab-pop-up-icon-focus-border !default;
+$tab-background-focus-pop-hover-bg: $tab-background-pop-icon-hover-bg !default;
+$tab-background-focused-wrap-focus-bg: $tab-alt-hover-bg-color !default;
+$tab-background-focused-wrap-focus-border-color: unset !default;
+$tab-background-popicon-focus-active-bg: $tab-pop-focus-icon-active-bg !default;
+$tab-background-popicon-focus-active-border-color: unset !default;
+$tab-background-popicon-focus-active-color: $tab-bg-hover-nav-icon-color !default;
+$tab-background-bottom-active-wrap-border-color: unset !default;
+$tab-background-bottom-active-wrap-border-radius: 4px !default;
+$tab-background-bottom-active-wrap-border-width: 0 !default;
+$tab-background-vertical-left-active-border-color: $grey-light-font !default;
+$tab-background-vertical-left-active-border-width: 0 1px 0 0 !default;
+$tab-background-vertical-left-active-wrap-border-radius: 4px !default;
+$tab-background-vertical-left-active-wrap-border-width: 0 !default;
+$tab-background-vertical-right-active-border-width: 0 0 0 1px !default;
+$tab-background-vertical-right-active-wrap-border-radius: 4px !default;
+$tab-background-vertical-right-active-wrap-border-width: 0 !default;
+$tab-background-focused-active-wrap-hover-bg: $tab-background-active-wrap-bg !default;
+$tab-background-focused-active-wrap-hover-border: 0 !default;
+$tab-background-focused-active-wrap-hover-border-radius: $tab-background-active-wrap-border-radius !default;
+$tab-background-focused-active-wrap-focus-text-color: $tab-alt-focused-active-wrap-focus-or-hover-color !default;
+$tab-background-focused-active-wrap-focus-icon-color: $tab-alt-active-hover-text-color !default;
+$tab-background-focused-active-wrap-focus-close-color: $tab-alt-focused-active-wrap-focus-or-hover-color !default;
+$tab-background-focused-active-wrap-hover-text-color: $tab-alt-focused-active-wrap-focus-or-hover-color !default;
+$tab-background-focused-active-wrap-hover-icon-color: $tab-background-active-hover-icon-color !default;
+$tab-background-focused-active-wrap-hover-close-color: $tab-alt-focused-active-wrap-focus-or-hover-color !default;
+$tab-background-focused-active-focus-hover-text-color: $tab-alt-focused-active-wrap-focus-and-hover-color !default;
+$tab-background-focused-active-focus-hover-close-color: $tab-alt-focused-active-wrap-focus-and-hover-color !default;
+$tab-background-focused-wrap-focus-close-color: $tab-alt-text-color !default;
+$tab-background-focused-active-wrap-icon-color: $tab-alt-active-hover-text-color !default;
+$tab-background-accent-indicator-bg: $tab-border-color !default;
+$tab-background-active-text-font-weight: $tab-light-font-weight !default;
+$tab-background-text-color: $tab-alt-text-color !default;
+
 //enddefault
 //dimensions
 @mixin tbar-alt-btn-animation-after {