@syncfusion/blazor-themes 23.2.7 → 24.1.43

package/SCSS-Themes/notifications/message/tailwind.scss

@@ -9,24 +9,28 @@ $msg-padding: 9px 7px !default;
 $msg-border-radius: 4px !default;
 $msg-icon-size: 16px !default;
 $msg-icon-margin: 3px 4px !default;
-$msg-close-icon-margin: 3px 4px 3px auto !default;
+$msg-close-icon-margin: 1px 2px 1px auto !default;
 $msg-close-icon-size: $msg-icon-size !default;
+$msg-close-icon-padding: 2px !default;
+$msg-close-icon-height: 20px !default;
 $msg-content-font-size: 14px !default;
 $msg-content-line-height: 22px !default;
 $msg-content-padding: 0 4px !default;
 
-$msg-rtl-close-icon-margin: 3px auto 3px 4px !default;
+$msg-rtl-close-icon-margin: 1px auto 1px 2px !default;
 
 $msg-bigger-padding: 13px 9px !default;
 $msg-bigger-icon-size: 18px !default;
 $msg-bigger-icon-margin: 3px 6px !default;
-$msg-bigger-close-icon-margin: 3px 6px 3px auto !default;
+$msg-bigger-close-icon-margin: 1px 4px 1px auto !default;
+$msg-bigger-close-icon-padding: 2px !default;
+$msg-bigger-close-icon-height: 22px !default;
 $msg-bigger-close-icon-size: $msg-bigger-icon-size !default;
 $msg-bigger-content-font-size: 16px !default;
 $msg-bigger-content-line-height: 24px !default;
 $msg-bigger-content-padding: 0 6px !default;
 
-$msg-bigger-rtl-close-icon-margin: 3px auto 3px 6px !default;
+$msg-bigger-rtl-close-icon-margin: 1px auto 1px 4px !default;
 
 // Color variables
 // Text
@@ -51,11 +55,17 @@ $msg-success-icon-color: $msg-success-icon-color !default;
 $msg-warning-icon-color: $msg-warning-icon-color !default;
 $msg-info-icon-color: $msg-info-icon-color !default;
 $msg-error-icon-color: $msg-danger-icon-color !default;
+
 $msg-close-icon-color: $msg-close-icon-color !default;
+$msg-close-icon-hover-bg-color: rgba($msg-close-icon-color, .12) !default;
 $msg-success-close-icon-color: $msg-success-close-icon-color !default;
+$msg-success-close-icon-hover-bg-color: rgba($msg-success-close-icon-color, .12) !default;
 $msg-warning-close-icon-color: $msg-warning-close-icon-color !default;
+$msg-warning-close-icon-hover-bg-color: rgba($msg-warning-close-icon-color, .12) !default;
 $msg-info-close-icon-color: $msg-info-close-icon-color !default;
+$msg-info-close-icon-hover-bg-color: rgba($msg-info-close-icon-color, .12) !default;
 $msg-error-close-icon-color: $msg-danger-close-icon-color !default;
+$msg-error-close-icon-hover-bg-color: rgba($msg-error-close-icon-color, .12) !default;
 
 // Outlined
 $msg-outline-color: $msg-color-alt1 !default;
@@ -75,11 +85,17 @@ $msg-outline-success-icon-color: $msg-success-icon-color-alt1 !default;
 $msg-outline-warning-icon-color: $msg-warning-icon-color-alt1 !default;
 $msg-outline-info-icon-color: $msg-info-icon-color-alt1 !default;
 $msg-outline-error-icon-color: $msg-danger-icon-color-alt1 !default;
+
 $msg-outline-close-icon-color: $msg-close-icon-color-alt1 !default;
+$msg-outline-close-icon-hover-bg-color: rgba($msg-outline-close-icon-color, .12) !default;
 $msg-outline-success-close-icon-color: $msg-success-close-icon-color-alt1 !default;
+$msg-outline-success-close-icon-hover-bg-color: rgba($msg-outline-success-close-icon-color, .12) !default;
 $msg-outline-warning-close-icon-color: $msg-warning-close-icon-color-alt1 !default;
+$msg-outline-warning-close-icon-hover-bg-color: rgba($msg-outline-warning-close-icon-color, .12) !default;
 $msg-outline-info-close-icon-color: $msg-info-close-icon-color-alt1 !default;
+$msg-outline-info-close-icon-hover-bg-color: rgba($msg-outline-info-close-icon-color, .12) !default;
 $msg-outline-error-close-icon-color: $msg-danger-close-icon-color-alt1 !default;
+$msg-outline-error-close-icon-hover-bg-color: rgba($msg-outline-error-close-icon-color, .12) !default;
 
 // Filled
 $msg-filled-color: $msg-color-alt2 !default;
@@ -103,11 +119,17 @@ $msg-filled-success-icon-color: $msg-success-icon-color-alt2 !default;
 $msg-filled-warning-icon-color: $msg-warning-icon-color-alt2 !default;
 $msg-filled-info-icon-color: $msg-info-icon-color-alt2 !default;
 $msg-filled-error-icon-color: $msg-danger-icon-color-alt2 !default;
+
 $msg-filled-close-icon-color: $msg-close-icon-color-alt2 !default;
+$msg-filled-close-icon-hover-bg-color: rgba($msg-filled-close-icon-color, .12) !default;
 $msg-filled-success-close-icon-color: $msg-success-close-icon-color-alt2 !default;
+$msg-filled-success-close-icon-hover-bg-color: rgba($msg-filled-success-close-icon-color, .12) !default;
 $msg-filled-warning-close-icon-color: $msg-warning-close-icon-color-alt2 !default;
+$msg-filled-warning-close-icon-hover-bg-color: rgba($msg-filled-warning-close-icon-color, .12) !default;
 $msg-filled-info-close-icon-color: $msg-info-close-icon-color-alt2 !default;
+$msg-filled-info-close-icon-hover-bg-color: rgba($msg-filled-info-close-icon-color, .12) !default;
 $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
+$msg-filled-error-close-icon-hover-bg-color: rgba($msg-filled-error-close-icon-color, .12) !default;
 
 @include export-module('message-layout') {
 
@@ -143,13 +165,8 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
       cursor: pointer;
       font-size: $msg-close-icon-size;
       margin: $msg-close-icon-margin;
-      padding: 0;
-      @if ($skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'highcontrast') {
-        height: $msg-close-icon-size;
-      }
-      @else {
-        height: $msg-icon-size;
-      }
+      padding: $msg-close-icon-padding;
+      height: $msg-close-icon-height;
     }
 
     .e-msg-content {
@@ -201,12 +218,8 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
     .e-msg-close-icon {
       font-size: $msg-bigger-close-icon-size;
       margin: $msg-bigger-close-icon-margin;
-      @if ($skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'highcontrast') {
-        height: $msg-bigger-close-icon-size;
-      }
-      @else {
-        height: $msg-bigger-icon-size;
-      }
+      padding: $msg-bigger-close-icon-padding;
+      height: $msg-bigger-close-icon-height;
     }
 
     .e-msg-content {
@@ -247,6 +260,13 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
     .e-msg-close-icon {
       background: transparent;
       color: $msg-close-icon-color;
+
+      &:hover,
+      &:focus {
+        background-color: $msg-close-icon-hover-bg-color;
+        box-shadow: 0 0 0 2px $msg-close-icon-hover-bg-color;
+        border-radius: 50%;
+      }
     }
 
     &.e-success {
@@ -260,6 +280,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
       .e-msg-close-icon {
         color: $msg-success-close-icon-color;
+
+        &:hover,
+        &:focus {
+          background-color: $msg-success-close-icon-hover-bg-color;
+          box-shadow: 0 0 0 2px $msg-success-close-icon-hover-bg-color;
+        }
       }
     }
 
@@ -274,6 +300,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
       .e-msg-close-icon {
         color: $msg-warning-close-icon-color;
+
+        &:hover,
+        &:focus {
+          background-color: $msg-warning-close-icon-hover-bg-color;
+          box-shadow: 0 0 0 2px $msg-warning-close-icon-hover-bg-color;
+        }
       }
     }
 
@@ -288,6 +320,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
       .e-msg-close-icon {
         color: $msg-info-close-icon-color;
+
+        &:hover,
+        &:focus {
+          background-color: $msg-info-close-icon-hover-bg-color;
+          box-shadow: 0 0 0 2px $msg-info-close-icon-hover-bg-color;
+        }
       }
     }
 
@@ -302,6 +340,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
       .e-msg-close-icon {
         color: $msg-error-close-icon-color;
+
+        &:hover,
+        &:focus {
+          background-color: $msg-error-close-icon-hover-bg-color;
+          box-shadow: 0 0 0 2px $msg-error-close-icon-hover-bg-color;
+        }
       }
     }
 
@@ -319,6 +363,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
       .e-msg-close-icon {
         color: $msg-outline-close-icon-color;
+
+        &:hover,
+        &:focus {
+          background-color: $msg-outline-close-icon-hover-bg-color;
+          box-shadow: 0 0 0 2px $msg-outline-close-icon-hover-bg-color;
+        }
       }
 
       &.e-success {
@@ -331,6 +381,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
         .e-msg-close-icon {
           color: $msg-outline-success-close-icon-color;
+
+          &:hover,
+          &:focus {
+            background-color: $msg-outline-success-close-icon-hover-bg-color;
+            box-shadow: 0 0 0 2px $msg-outline-success-close-icon-hover-bg-color;
+          }
         }
       }
 
@@ -344,6 +400,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
         .e-msg-close-icon {
           color: $msg-outline-warning-close-icon-color;
+
+          &:hover,
+          &:focus {
+            background-color: $msg-outline-warning-close-icon-hover-bg-color;
+            box-shadow: 0 0 0 2px $msg-outline-warning-close-icon-hover-bg-color;
+          }
         }
       }
 
@@ -357,6 +419,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
         .e-msg-close-icon {
           color: $msg-outline-info-close-icon-color;
+
+          &:hover,
+          &:focus {
+            background-color: $msg-outline-info-close-icon-hover-bg-color;
+            box-shadow: 0 0 0 2px $msg-outline-info-close-icon-hover-bg-color;
+          }
         }
       }
 
@@ -370,6 +438,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
         .e-msg-close-icon {
           color: $msg-outline-error-close-icon-color;
+
+          &:hover,
+          &:focus {
+            background-color: $msg-outline-error-close-icon-hover-bg-color;
+            box-shadow: 0 0 0 2px $msg-outline-error-close-icon-hover-bg-color;
+          }
         }
       }
     }
@@ -388,6 +462,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
       .e-msg-close-icon {
         color: $msg-filled-close-icon-color;
+
+        &:hover,
+        &:focus {
+          background-color: $msg-filled-close-icon-hover-bg-color;
+          box-shadow: 0 0 0 2px $msg-filled-close-icon-hover-bg-color;
+        }
       }
 
       &.e-success {
@@ -401,6 +481,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
         .e-msg-close-icon {
           color: $msg-filled-success-close-icon-color;
+
+          &:hover,
+          &:focus {
+            background-color: $msg-filled-success-close-icon-hover-bg-color;
+            box-shadow: 0 0 0 2px $msg-filled-success-close-icon-hover-bg-color;
+          }
         }
       }
 
@@ -415,6 +501,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
         .e-msg-close-icon {
           color: $msg-filled-warning-close-icon-color;
+
+          &:hover,
+          &:focus {
+            background-color: $msg-filled-warning-close-icon-hover-bg-color;
+            box-shadow: 0 0 0 2px $msg-filled-warning-close-icon-hover-bg-color;
+          }
         }
       }
 
@@ -429,6 +521,12 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
         .e-msg-close-icon {
           color: $msg-filled-info-close-icon-color;
+
+          &:hover,
+          &:focus {
+            background-color: $msg-filled-info-close-icon-hover-bg-color;
+            box-shadow: 0 0 0 2px $msg-filled-info-close-icon-hover-bg-color;
+          }
         }
       }
 
@@ -443,6 +541,148 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 
         .e-msg-close-icon {
           color: $msg-filled-error-close-icon-color;
+
+          &:hover,
+          &:focus {
+            background-color: $msg-filled-error-close-icon-hover-bg-color;
+            box-shadow: 0 0 0 2px $msg-filled-error-close-icon-hover-bg-color;
+          }
+        }
+      }
+    }
+  }
+
+  .e-bigger .e-message,
+  .e-message.e-bigger {
+    .e-msg-close-icon {
+      &:hover,
+      &:focus {
+        box-shadow: 0 0 0 4px $msg-close-icon-hover-bg-color;
+      }
+    }
+
+    &.e-success {
+      .e-msg-close-icon {
+        &:hover,
+        &:focus {
+          box-shadow: 0 0 0 4px $msg-success-close-icon-hover-bg-color;
+        }
+      }
+    }
+
+    &.e-warning {
+      .e-msg-close-icon {
+        &:hover,
+        &:focus {
+          box-shadow: 0 0 0 4px $msg-warning-close-icon-hover-bg-color;
+        }
+      }
+    }
+
+    &.e-info {
+      .e-msg-close-icon {
+        &:hover,
+        &:focus {
+          box-shadow: 0 0 0 4px $msg-info-close-icon-hover-bg-color;
+        }
+      }
+    }
+
+    &.e-error {
+      .e-msg-close-icon {
+        &:hover,
+        &:focus {
+          box-shadow: 0 0 0 4px $msg-error-close-icon-hover-bg-color;
+        }
+      }
+    }
+
+    &.e-outlined {
+      .e-msg-close-icon {
+        &:hover,
+        &:focus {
+          box-shadow: 0 0 0 4px $msg-outline-close-icon-hover-bg-color;
+        }
+      }
+
+      &.e-success {
+        .e-msg-close-icon {
+          &:hover,
+          &:focus {
+            box-shadow: 0 0 0 4px $msg-outline-success-close-icon-hover-bg-color;
+          }
+        }
+      }
+
+      &.e-warning {
+        .e-msg-close-icon {
+          &:hover,
+          &:focus {
+            box-shadow: 0 0 0 4px $msg-outline-warning-close-icon-hover-bg-color;
+          }
+        }
+      }
+
+      &.e-info {
+        .e-msg-close-icon {
+          &:hover,
+          &:focus {
+            box-shadow: 0 0 0 4px $msg-outline-info-close-icon-hover-bg-color;
+          }
+        }
+      }
+
+      &.e-error {
+        .e-msg-close-icon {
+          &:hover,
+          &:focus {
+            box-shadow: 0 0 0 4px $msg-outline-error-close-icon-hover-bg-color;
+          }
+        }
+      }
+    }
+
+    &.e-filled {
+      .e-msg-close-icon {
+        &:hover,
+        &:focus {
+          box-shadow: 0 0 0 4px $msg-filled-close-icon-hover-bg-color;
+        }
+      }
+
+      &.e-success {
+        .e-msg-close-icon {
+          &:hover,
+          &:focus {
+            box-shadow: 0 0 0 4px $msg-filled-success-close-icon-hover-bg-color;
+          }
+        }
+      }
+
+      &.e-warning {
+        .e-msg-close-icon {
+          &:hover,
+          &:focus {
+            box-shadow: 0 0 0 4px $msg-filled-warning-close-icon-hover-bg-color;
+          }
+        }
+      }
+
+      &.e-info {
+        .e-msg-close-icon {
+          &:hover,
+          &:focus {
+            box-shadow: 0 0 0 4px $msg-filled-info-close-icon-hover-bg-color;
+          }
+        }
+      }
+
+      &.e-error {
+        .e-msg-close-icon {
+          &:hover,
+          &:focus {
+            box-shadow: 0 0 0 4px $msg-filled-error-close-icon-hover-bg-color;
+          }
         }
       }
     }

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

@@ -60,6 +60,7 @@ $pv-page-container-margin: 0 !default;
 $pv-page-container-touch-action: pan-x pan-y !default;
 $pv-page-div-border: 1px !default;
 $pv-page-div-border-style: none !default;
+$pv-page-div-focus-style: #fff 0 0 0 2px !default;
 $pv-page-div-border-color: $grey-ad !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: 0 2px 4px 0 rgba($grey-base, .2) !default;
@@ -71,6 +72,7 @@ $pv-icon-margin: 9px 7.5px !default;
 $pv-icon-height: 36px !default;
 $pv-icon-width: 36px !default;
 $pv-icon-padding-top: 7px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 50px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: 1px solid $grey-99 !default;
@@ -476,6 +478,8 @@ $pv-comment-panel-bottom-color: #0070f0 !default;
 $pv-comments-content-container-bg: #131313 !default;
 $pv-comments-select-bg: #6e6e6e !default;
 $pv-comments-hover-bg: #6e6e6e !default;
+$pv-comments-div-focus-background: $gray-dark !default;
+$pv-comments-div-focus-border: none !default;
 $pv-annotation-thickness-drop-down-padding-top: 8px !default;
 $pv-stamp-container-border-radius: 2px !default;
 $pv-stamp-icon-margin-top: 0 !default;
@@ -904,6 +908,15 @@ $pv-eye-icon-margin-top: 3px !default;
     position: $pv-page-div-position;
   }
 
+  .e-pv-viewer-container .e-pv-page-div.e-focused {
+    box-shadow: $pv-page-div-focus-style;
+  }
+
+  .e-pv-viewer-container.e-focused
+  {
+    box-shadow: $pv-page-div-focus-style inset;
+  }
+
   .e-pv-toolbar,
   .e-pv-nav-toolbar,
   .e-pv-annotation-toolbar,
@@ -952,6 +965,29 @@ $pv-eye-icon-margin-top: 3px !default;
     display: none;
   }
 
+  .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text
+  {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text
+  {
+    display: none;
+  }
+
+  .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text
+  {
+    display: none;
+  }
+
   .e-pv-current-page-box.e-input-group.e-control-wrapper {
     height: $pv-current-page-height;
     @if $skin-name == 'bootstrap5' {
@@ -1121,6 +1157,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-pdfviewer .e-pv-open-document-icon .e-pv-icon .e-icons .e-btn-icon .e-icon-left {
+    @if $skin-name == 'FluentUI' {
+      padding: 0;
+    }
+  }
+
   .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
   .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
     @if $skin-name == 'FluentUI' {
@@ -1808,6 +1850,30 @@ $pv-eye-icon-margin-top: 3px !default;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
 
+  .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus
+  {
+    background: $pv-thumbnail-view-button-selection-background;
+    border: $pv-thumbnail-view-button-selection-border;
+    border-radius: $pv-thumbnail-border-selection-radius;
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-thumbnail-border-selection-font-color;
+    }
+    line-height: $pv-thumbnail-view-button-selection-line-height;
+    padding: $pv-thumbnail-view-button-selection-padding;
+  }
+
+  .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus
+  {
+    background: $pv-thumbnail-view-button-selection-background;
+    border: $pv-thumbnail-view-button-selection-border;
+    border-radius: $pv-thumbnail-border-selection-radius;
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-thumbnail-border-selection-font-color;
+    }
+    line-height: $pv-thumbnail-view-button-selection-line-height;
+    padding: $pv-thumbnail-view-button-selection-padding;
+  }
+
   .e-bigger .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
   .e-bigger .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn  {
     @if $skin-name == 'bootstrap4' {
@@ -2656,6 +2722,18 @@ $pv-eye-icon-margin-top: 3px !default;
     width: $pv-annotation-drop-down-width;
   }
 
+  .e-bigger .e-pv-annotation-color-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
+    white-space: nowrap;
+  }
+
   .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
     @if ($skin-name != 'bootstrap5') {
       padding-top: $pv-annotation-thickness-drop-down-padding-top;
@@ -2755,6 +2833,35 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+    background-color: $pv-annotation-dropdown-background-color-hover;
+    border-color: $pv-annotation-dropdown-border-color-hover;
+    outline: none;
+    color: $pv-item-selection-color;
+  }
+
+  .e-pv-annotation-color-container.e-btn:focus,
+  .e-pv-annotation-opacity-container.e-btn:focus,
+  .e-pv-annotation-stroke-container.e-btn:focus,
+  .e-pv-annotation-thickness-container.e-btn:focus,
+  .e-pv-annotation-shapes-container.e-btn:focus,
+  .e-pv-annotation-calibrate-container.e-btn:focus,
+  .e-pv-annotation-textcolor-container.e-btn:focus,
+  .e-pv-annotation-textalign-container.e-btn:focus,
+  .e-pv-annotation-handwritten-container.e-btn:focus,
+  .e-pv-annotation-textprop-container.e-btn:focus {
+    @if $skin-name == 'Material3' {
+      background: $pv-annotation-dropdown-background-color-hover;
+      border: $pv-annotation-dropdown-border-color-hover;
+      outline: none;
+    }
+    @else {
+      background-color: $pv-annotation-dropdown-background-color-hover;
+      border-color: $pv-annotation-dropdown-border-color-hover;
+      outline: none;
+    }
+  }
+
   .e-pv-annotation-color-container.e-btn:active,
   .e-pv-annotation-opacity-container.e-btn:active,
   .e-pv-annotation-stroke-container.e-btn:active,
@@ -3756,6 +3863,17 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-pv-reply-div.e-pv-comments-leave.e-focused
+  {
+    border: $pv-comments-div-focus-border;
+    background: $pv-comments-div-focus-background;
+  }
+  
+  .e-pv-comments-div.e-focused {
+    border: $pv-comments-div-focus-border;
+    background: $pv-comments-div-focus-background;
+  }
+
   .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
     float: right;
     padding-bottom: 7px;
@@ -4439,6 +4557,20 @@ $pv-eye-icon-margin-top: 3px !default;
     }
   }
 
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+    @if ($skin-name == 'FluentUI') {
+      height: 32px;
+    }
+  }
+
+  .e-pv-mobile-annotation-toolbar .e-toolbar-items .e-hscroll-bar {
+    @if ($skin-name == 'FluentUI') {
+      overflow-y: hidden;
+    }
+  }
+
   .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-focused:hover,
   .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-selected {
     @if $skin-name == 'bootstrap5' {
@@ -5411,9 +5543,24 @@ $pv-eye-icon-margin-top: 3px !default;
   }
 
   .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    justify-content: center;
     padding: 0 $pv-icon-padding-top;
   }
 
+  .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
+    @if ($skin-name == 'bootstrap4') {
+      margin-left: 0 !important;/* stylelint-disable-line declaration-no-important */
+      width: 1em !important;/* stylelint-disable-line declaration-no-important */
+      line-height: 22px !important;/* stylelint-disable-line declaration-no-important */
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+    @else {
+      margin-left: 0 !important;/* stylelint-disable-line declaration-no-important */
+      width: 1em !important;/* stylelint-disable-line declaration-no-important */
+      line-height: 22px !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-signature-window .e-dlg-content {
     @if ($skin-name == 'highcontrast') {
       padding: 16px;