npm - @syncfusion/blazor-themes - Versions diffs - 24.1.46 → 24.2.3 - Mend

@syncfusion/blazor-themes 24.1.46 → 24.2.3

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

package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss CHANGED Viewed

@@ -1857,6 +1857,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -1869,6 +1872,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -2252,6 +2258,8 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
   .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2261,10 +2269,7 @@ $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,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
   .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2284,6 +2289,21 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
+  .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-formdesigner-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,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
@@ -2505,6 +2525,10 @@ $pv-eye-icon-margin-top: 3px !default;
       background-color: $pv-item-selection-background-color;
       color: $pv-item-selection-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      background-color: $pv-item-selection-background-color;
+      color: $pv-item-selection-color;
+    }
   }
   .e-pv-search-btn.e-btn:disabled {
@@ -5588,6 +5612,16 @@ $pv-eye-icon-margin-top: 3px !default;
       color: $pv-stamp-icon-color;
     }
   }
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+    @if ($skin-name == 'bootstrap4') {
+      color: $pv-prop-win-drop-down-color-hover;
+    }
+    @if ($skin-name == 'bootstrap5') {
+      color: $white;
+    }
+  }
   .e-dialog.e-pv-signature-dialog-height {
     height: $pv-signature-dialog-height;

package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss CHANGED Viewed

@@ -1856,6 +1856,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -1868,6 +1871,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -2251,6 +2257,8 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
   .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2260,10 +2268,7 @@ $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,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
   .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2283,6 +2288,21 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
+  .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-formdesigner-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,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
@@ -2504,6 +2524,10 @@ $pv-eye-icon-margin-top: 3px !default;
       background-color: $pv-item-selection-background-color;
       color: $pv-item-selection-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      background-color: $pv-item-selection-background-color;
+      color: $pv-item-selection-color;
+    }
   }
   .e-pv-search-btn.e-btn:disabled {
@@ -5587,6 +5611,16 @@ $pv-eye-icon-margin-top: 3px !default;
       color: $pv-stamp-icon-color;
     }
   }
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+    @if ($skin-name == 'bootstrap4') {
+      color: $pv-prop-win-drop-down-color-hover;
+    }
+    @if ($skin-name == 'bootstrap5') {
+      color: $white;
+    }
+  }
   .e-dialog.e-pv-signature-dialog-height {
     height: $pv-signature-dialog-height;

package/SCSS-Themes/pdfviewer/pdfviewer/material.scss CHANGED Viewed

@@ -1854,6 +1854,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -1866,6 +1869,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -2249,6 +2255,8 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
   .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2258,10 +2266,7 @@ $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,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
   .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2281,6 +2286,21 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
+  .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-formdesigner-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,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
@@ -2502,6 +2522,10 @@ $pv-eye-icon-margin-top: 3px !default;
       background-color: $pv-item-selection-background-color;
       color: $pv-item-selection-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      background-color: $pv-item-selection-background-color;
+      color: $pv-item-selection-color;
+    }
   }
   .e-pv-search-btn.e-btn:disabled {
@@ -5585,6 +5609,16 @@ $pv-eye-icon-margin-top: 3px !default;
       color: $pv-stamp-icon-color;
     }
   }
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+    @if ($skin-name == 'bootstrap4') {
+      color: $pv-prop-win-drop-down-color-hover;
+    }
+    @if ($skin-name == 'bootstrap5') {
+      color: $white;
+    }
+  }
   .e-dialog.e-pv-signature-dialog-height {
     height: $pv-signature-dialog-height;

package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss CHANGED Viewed

@@ -1860,6 +1860,9 @@ $pv-search-btn-width-big: 32px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -1872,6 +1875,9 @@ $pv-search-btn-width-big: 32px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -2255,6 +2261,8 @@ $pv-search-btn-width-big: 32px !default;
   .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
   .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2264,10 +2272,7 @@ $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,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
   .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2287,6 +2292,21 @@ $pv-search-btn-width-big: 32px !default;
     }
   }
+  .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-formdesigner-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,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
@@ -2508,6 +2528,10 @@ $pv-search-btn-width-big: 32px !default;
       background-color: $pv-item-selection-background-color;
       color: $pv-item-selection-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      background-color: $pv-item-selection-background-color;
+      color: $pv-item-selection-color;
+    }
   }
   .e-pv-search-btn.e-btn:disabled {
@@ -5591,6 +5615,16 @@ $pv-search-btn-width-big: 32px !default;
       color: $pv-stamp-icon-color;
     }
   }
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+    @if ($skin-name == 'bootstrap4') {
+      color: $pv-prop-win-drop-down-color-hover;
+    }
+    @if ($skin-name == 'bootstrap5') {
+      color: $white;
+    }
+  }
   .e-dialog.e-pv-signature-dialog-height {
     height: $pv-signature-dialog-height;

package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss CHANGED Viewed

@@ -1860,6 +1860,9 @@ $pv-search-btn-width-big: 32px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -1872,6 +1875,9 @@ $pv-search-btn-width-big: 32px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -2255,6 +2261,8 @@ $pv-search-btn-width-big: 32px !default;
   .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
   .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2264,10 +2272,7 @@ $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,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
   .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2287,6 +2292,21 @@ $pv-search-btn-width-big: 32px !default;
     }
   }
+  .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-formdesigner-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,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
@@ -2508,6 +2528,10 @@ $pv-search-btn-width-big: 32px !default;
       background-color: $pv-item-selection-background-color;
       color: $pv-item-selection-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      background-color: $pv-item-selection-background-color;
+      color: $pv-item-selection-color;
+    }
   }
   .e-pv-search-btn.e-btn:disabled {
@@ -5591,6 +5615,16 @@ $pv-search-btn-width-big: 32px !default;
       color: $pv-stamp-icon-color;
     }
   }
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+    @if ($skin-name == 'bootstrap4') {
+      color: $pv-prop-win-drop-down-color-hover;
+    }
+    @if ($skin-name == 'bootstrap5') {
+      color: $white;
+    }
+  }
   .e-dialog.e-pv-signature-dialog-height {
     height: $pv-signature-dialog-height;

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss CHANGED Viewed

@@ -154,7 +154,7 @@ $pv-dialog-pop-close-icon-padding-top: 6px !default;
 $pv-corrupted-dialog-pop-content-padding-top: 6.9px !default;
 $pv-corrupted-dialog-pop-content-padding-bottom: 15px !default;
 $pv-password-dialog-pop-content-padding-bottom: 11px !default;
-$pv-toolbar-total-page-number-font-size: 13px !default;
+$pv-toolbar-total-page-number-font-size: 14px !default;
 $pv-corrupted-notification-background-size: 36.7px 31.7px !default;
 $pv-corrupted-notification-height: 31.7px !default;
 $pv-sidebar-container-top: 56px !default;
@@ -1861,6 +1861,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -1873,6 +1876,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -2256,6 +2262,8 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
   .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2265,10 +2273,7 @@ $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,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
   .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2288,6 +2293,21 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
+  .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-formdesigner-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,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
@@ -2509,6 +2529,10 @@ $pv-eye-icon-margin-top: 3px !default;
       background-color: $pv-item-selection-background-color;
       color: $pv-item-selection-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      background-color: $pv-item-selection-background-color;
+      color: $pv-item-selection-color;
+    }
   }
   .e-pv-search-btn.e-btn:disabled {
@@ -5592,6 +5616,16 @@ $pv-eye-icon-margin-top: 3px !default;
       color: $pv-stamp-icon-color;
     }
   }
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+    @if ($skin-name == 'bootstrap4') {
+      color: $pv-prop-win-drop-down-color-hover;
+    }
+    @if ($skin-name == 'bootstrap5') {
+      color: $white;
+    }
+  }
   .e-dialog.e-pv-signature-dialog-height {
     height: $pv-signature-dialog-height;

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss CHANGED Viewed

@@ -154,7 +154,7 @@ $pv-dialog-pop-close-icon-padding-top: 6px !default;
 $pv-corrupted-dialog-pop-content-padding-top: 6.9px !default;
 $pv-corrupted-dialog-pop-content-padding-bottom: 15px !default;
 $pv-password-dialog-pop-content-padding-bottom: 11px !default;
-$pv-toolbar-total-page-number-font-size: 13px !default;
+$pv-toolbar-total-page-number-font-size: 14px !default;
 $pv-corrupted-notification-background-size: 36.7px 31.7px !default;
 $pv-corrupted-notification-height: 31.7px !default;
 $pv-sidebar-container-top: 56px !default;
@@ -1861,6 +1861,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -1873,6 +1876,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -2256,6 +2262,8 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
   .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2265,10 +2273,7 @@ $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,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
   .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2288,6 +2293,21 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
+  .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-formdesigner-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,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
@@ -2509,6 +2529,10 @@ $pv-eye-icon-margin-top: 3px !default;
       background-color: $pv-item-selection-background-color;
       color: $pv-item-selection-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      background-color: $pv-item-selection-background-color;
+      color: $pv-item-selection-color;
+    }
   }
   .e-pv-search-btn.e-btn:disabled {
@@ -5592,6 +5616,16 @@ $pv-eye-icon-margin-top: 3px !default;
       color: $pv-stamp-icon-color;
     }
   }
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+    @if ($skin-name == 'bootstrap4') {
+      color: $pv-prop-win-drop-down-color-hover;
+    }
+    @if ($skin-name == 'bootstrap5') {
+      color: $white;
+    }
+  }
   .e-dialog.e-pv-signature-dialog-height {
     height: $pv-signature-dialog-height;