npm - @syncfusion/blazor-themes - Versions diffs - 28.2.4 → 28.2.6 - Mend

@syncfusion/blazor-themes 28.2.4 → 28.2.6

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 (371) hide show

package/SCSS-Themes/navigations/toolbar/bootstrap5.scss CHANGED Viewed

@@ -1323,6 +1323,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1346,6 +1352,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/fabric-dark-lite.scss CHANGED Viewed

@@ -1332,6 +1332,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1355,6 +1361,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/fabric-dark.scss CHANGED Viewed

@@ -1332,6 +1332,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1355,6 +1361,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/fabric-lite.scss CHANGED Viewed

@@ -1320,6 +1320,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1343,6 +1349,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/fabric.scss CHANGED Viewed

@@ -1320,6 +1320,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1343,6 +1349,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/fluent-dark-lite.scss CHANGED Viewed

@@ -1322,6 +1322,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1345,6 +1351,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/fluent-dark.scss CHANGED Viewed

@@ -1322,6 +1322,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1345,6 +1351,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/fluent-lite.scss CHANGED Viewed

@@ -1322,6 +1322,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1345,6 +1351,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/fluent.scss CHANGED Viewed

@@ -1322,6 +1322,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1345,6 +1351,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/fluent2-dark-lite.scss CHANGED Viewed

@@ -1323,6 +1323,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1346,6 +1352,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1323,6 +1323,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1346,6 +1352,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1323,6 +1323,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1346,6 +1352,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1323,6 +1323,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1346,6 +1352,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1323,6 +1323,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1346,6 +1352,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/fluent2.scss CHANGED Viewed

@@ -1323,6 +1323,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1346,6 +1352,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1329,6 +1329,12 @@ $tbar-popup-btn-hover-border-size: 2px !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1352,6 +1358,13 @@ $tbar-popup-btn-hover-border-size: 2px !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/highcontrast.scss CHANGED Viewed

@@ -1329,6 +1329,12 @@ $tbar-popup-btn-hover-border-size: 2px !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1352,6 +1358,13 @@ $tbar-popup-btn-hover-border-size: 2px !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1356,6 +1356,12 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1379,6 +1385,13 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1356,6 +1356,12 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1379,6 +1385,13 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1344,6 +1344,12 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1367,6 +1373,13 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

package/SCSS-Themes/navigations/toolbar/material.scss CHANGED Viewed

@@ -1344,6 +1344,12 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1367,6 +1373,13 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1324,6 +1324,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1347,6 +1353,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1324,6 +1324,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1347,6 +1353,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {

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

@@ -1324,6 +1324,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -1347,6 +1353,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {