@syncfusion/blazor-themes 24.1.46 → 24.1.47

package/SCSS-Themes/material3-dark.scss

@@ -20196,11 +20196,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
     cursor: default;
   }
 
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
-
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;
@@ -49135,6 +49130,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -49148,6 +49147,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {
@@ -82402,6 +82405,13 @@ margin: $grid-group-animator-cell-margin;
         }
       }
 
+      .e-rowdragdrop {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
+          border-width: $grid-rowcell-broder-width;
+          border-color: $grid-dragcell-border-color;
+        }
+      }
+
       .e-rowcell.e-frozen-right-border,
       .e-headercell.e-frozen-right-border,
       .e-filterbarcell.e-frozen-right-border {
@@ -90737,7 +90747,8 @@ $rte-insert-dialog-label-padding-top: 20px !default;
 $rte-insert-dialog-label-padding-bottom: 0 !default;
 $rte-big-quick-tbar-item-min-height: 40px !default;
 $rte-big-quick-tbar-item-min-width: 40px !default;
-$rte-content-font-size: $text-sm !default;
+$rte-content-font-size: 14px !default;
+$rte-big-content-font-size: 16px !default;
 $rte-dropdown-caret-icon-size: $text-xs !default;
 $rte-big-dropdown-caret-icon-size: $text-sm !default;
 $font-weight: $font-weight-normal !default;
@@ -91068,6 +91079,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         min-height: 350px;
       }
     }
+    .e-rte-content .e-content {
+      font-size: $rte-big-content-font-size;
+    }
   }
 
   .e-richtexteditor {
@@ -91374,10 +91388,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         position: relative;
         text-align: inherit;
         z-index: 2;
-
-        @media screen and (min-width: 992px) {
-          font-size: $rte-content-font-size;
-        }
+        font-size: $rte-content-font-size;
       }
 
       .e-content p {
@@ -98830,7 +98841,6 @@ $kanban-col-expand-collapse-box-shadow: $secondary-shadow-focus !default;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;
 
@@ -102897,8 +102907,6 @@ $pv-search-btn-width-big: 32px !default;
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -102919,6 +102927,20 @@ $pv-search-btn-width-big: 32px !default;
       color: $pv-item-selection-color;
     }
   }
+  
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
+  {
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-icon-color-hover;
+    }
+    @if $skin-name == 'bootstrap5' {
+      color: $pv-icon-color;
+    }
+    @if $skin-name == 'FluentUI' {
+      color: $pv-item-selection-color;
+    }
+  }
 
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,

package/SCSS-Themes/material3.scss

@@ -20279,11 +20279,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
     cursor: default;
   }
 
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
-
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;
@@ -49218,6 +49213,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -49231,6 +49230,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {
@@ -82485,6 +82488,13 @@ margin: $grid-group-animator-cell-margin;
         }
       }
 
+      .e-rowdragdrop {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
+          border-width: $grid-rowcell-broder-width;
+          border-color: $grid-dragcell-border-color;
+        }
+      }
+
       .e-rowcell.e-frozen-right-border,
       .e-headercell.e-frozen-right-border,
       .e-filterbarcell.e-frozen-right-border {
@@ -90820,7 +90830,8 @@ $rte-insert-dialog-label-padding-top: 20px !default;
 $rte-insert-dialog-label-padding-bottom: 0 !default;
 $rte-big-quick-tbar-item-min-height: 40px !default;
 $rte-big-quick-tbar-item-min-width: 40px !default;
-$rte-content-font-size: $text-sm !default;
+$rte-content-font-size: 14px !default;
+$rte-big-content-font-size: 16px !default;
 $rte-dropdown-caret-icon-size: $text-xs !default;
 $rte-big-dropdown-caret-icon-size: $text-sm !default;
 $font-weight: $font-weight-normal !default;
@@ -91151,6 +91162,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         min-height: 350px;
       }
     }
+    .e-rte-content .e-content {
+      font-size: $rte-big-content-font-size;
+    }
   }
 
   .e-richtexteditor {
@@ -91457,10 +91471,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         position: relative;
         text-align: inherit;
         z-index: 2;
-
-        @media screen and (min-width: 992px) {
-          font-size: $rte-content-font-size;
-        }
+        font-size: $rte-content-font-size;
       }
 
       .e-content p {
@@ -98913,7 +98924,6 @@ $kanban-col-expand-collapse-box-shadow: $secondary-shadow-focus !default;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;
 
@@ -102980,8 +102990,6 @@ $pv-search-btn-width-big: 32px !default;
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -103002,6 +103010,20 @@ $pv-search-btn-width-big: 32px !default;
       color: $pv-item-selection-color;
     }
   }
+  
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
+  {
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-icon-color-hover;
+    }
+    @if $skin-name == 'bootstrap5' {
+      color: $pv-icon-color;
+    }
+    @if $skin-name == 'FluentUI' {
+      color: $pv-item-selection-color;
+    }
+  }
 
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,

package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss

@@ -1301,6 +1301,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1314,6 +1318,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

package/SCSS-Themes/navigations/toolbar/bootstrap.scss

@@ -1299,6 +1299,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1312,6 +1316,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

package/SCSS-Themes/navigations/toolbar/bootstrap4.scss

@@ -1304,6 +1304,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1317,6 +1321,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

package/SCSS-Themes/navigations/toolbar/bootstrap5-dark.scss

@@ -159,8 +159,8 @@ $tbar-btn-icons-focus-color: $icon-color !default;
 $tbar-btn-text-focus-color: $primary-text-color !default;
 $tbar-btn-focus-border-color: $tbar-focus-border-color !default;
 $tbar-btn-hover-border-size: $tbar-border-size !default;
-$tbar-btn-hover-active-icons-color: $tbar-default-icon-color !default;
-$tbar-btn-hover-active-text-color: $content-text-color-alt2 !default;
+$tbar-btn-hover-active-icons-color: $primary-text-color !default;
+$tbar-btn-hover-active-text-color: $primary-text-color !default;
 $tbar-btn-overlay-opacity: .5 !default;
 $tbar-btn-active-bg: $tbar-active-bg !default;
 $tbar-btn-active-icons-color: $tbar-default-icon-color !default;
@@ -1313,6 +1313,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1326,6 +1330,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

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

@@ -159,8 +159,8 @@ $tbar-btn-icons-focus-color: $icon-color !default;
 $tbar-btn-text-focus-color: $primary-text-color !default;
 $tbar-btn-focus-border-color: $tbar-focus-border-color !default;
 $tbar-btn-hover-border-size: $tbar-border-size !default;
-$tbar-btn-hover-active-icons-color: $tbar-default-icon-color !default;
-$tbar-btn-hover-active-text-color: $content-text-color-alt2 !default;
+$tbar-btn-hover-active-icons-color: $primary-text-color !default;
+$tbar-btn-hover-active-text-color: $primary-text-color !default;
 $tbar-btn-overlay-opacity: .5 !default;
 $tbar-btn-active-bg: $tbar-active-bg !default;
 $tbar-btn-active-icons-color: $tbar-default-icon-color !default;
@@ -1313,6 +1313,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1326,6 +1330,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

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

@@ -1315,6 +1315,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1328,6 +1332,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

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

@@ -1301,6 +1301,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1314,6 +1318,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

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

@@ -1303,6 +1303,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1316,6 +1320,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

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

@@ -1303,6 +1303,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1316,6 +1320,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

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

@@ -1311,6 +1311,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1324,6 +1328,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

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

@@ -1340,6 +1340,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1353,6 +1357,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

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

@@ -1328,6 +1328,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1341,6 +1345,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

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

@@ -1313,6 +1313,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1326,6 +1330,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

package/SCSS-Themes/navigations/toolbar/material3.scss

@@ -1313,6 +1313,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1326,6 +1330,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

package/SCSS-Themes/navigations/toolbar/tailwind-dark.scss

@@ -1303,6 +1303,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1316,6 +1320,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

package/SCSS-Themes/navigations/toolbar/tailwind.scss

@@ -1303,6 +1303,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -1316,6 +1320,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss

@@ -2262,8 +2262,6 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2284,6 +2282,20 @@ $pv-eye-icon-margin-top: 3px !default;
       color: $pv-item-selection-color;
     }
   }
+  
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
+  {
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-icon-color-hover;
+    }
+    @if $skin-name == 'bootstrap5' {
+      color: $pv-icon-color;
+    }
+    @if $skin-name == 'FluentUI' {
+      color: $pv-item-selection-color;
+    }
+  }
 
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,

package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss

@@ -2262,8 +2262,6 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2284,6 +2282,20 @@ $pv-eye-icon-margin-top: 3px !default;
       color: $pv-item-selection-color;
     }
   }
+  
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
+  {
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-icon-color-hover;
+    }
+    @if $skin-name == 'bootstrap5' {
+      color: $pv-icon-color;
+    }
+    @if $skin-name == 'FluentUI' {
+      color: $pv-item-selection-color;
+    }
+  }
 
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,