@syncfusion/ej2-react-pdfviewer 26.1.40 → 26.1.42

package/styles/pdfviewer/fluent.css

@@ -1672,7 +1672,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #edebe9;
   border: none;
   border-radius: 4px;
@@ -1922,7 +1923,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #605e5c;
 }
 
@@ -1975,7 +1978,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
-.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover {
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:focus {
   color: #323130;
 }
 
@@ -2201,6 +2206,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
   padding-top: 0;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2209,9 +2215,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #faf9f8;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
-  background-color: #fff;
+  background-color: #faf9f8;
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #201f1e;
@@ -3103,7 +3114,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3692,6 +3703,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/pdfviewer/fluent2.css

@@ -2001,7 +2001,6 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 32px;
   min-width: 32px;
-  width: 32px;
 }
 
 .e-pv-open-document-icon {
@@ -2747,7 +2746,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: none;
   border-radius: 4px;
@@ -2987,7 +2987,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: var(--color-sf-icon-color);
 }
 
@@ -3014,6 +3016,45 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: var(--color-sf-icon-color);
 }
 
+.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,
+.e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:hover,
+.e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
+.e-pv-shapes-toolbar .e-pv-tbar-btn:hover,
+.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-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
+.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,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:focus,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
+.e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn:focus {
+  color: var(--color-sf-toolbar-icon-color);
+}
+
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus-visible,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus-visible,
+.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus-visible {
+  color: var(--color-sf-icon-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 {
+  color: var(--color-sf-toolbar-icon-color);
+}
+
 .e-pv-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon,
@@ -3167,8 +3208,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-bookmark-container {
-  background-color: var(--color-sf-white);
-  border: 1px solid var(--color-sf-primary);
+  background-color: var(--color-sf-content-bg-color-alt1);
+  border: 1px solid var(--color-sf-border-light);
 }
 
 .e-pv-bookmark-container .e-listview:not(.e-list-template) .e-list-item {
@@ -3212,14 +3253,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   border-bottom: 2px solid;
   margin-top: 0;
   padding-top: 5px;
-  margin-top: -4px;
   padding-top: 0;
   vertical-align: initial;
 }
 
 .e-pv-properties-font-color-container .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon {
   border-bottom: 2px solid;
-  margin-top: 0;
+  margin-top: 5px;
   padding-top: 1px;
   vertical-align: initial;
 }
@@ -3227,7 +3267,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
-  padding-top: 0;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -3236,9 +3276,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: var(--color-sf-content-bg-color-alt1);
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
-  background-color: #fff;
+  background-color: var(--color-sf-content-bg-color-alt1);
   color: var(--color-sf-content-text-color);
   height: auto;
   min-height: 48px;
@@ -3397,12 +3442,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:hover,
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:hover,
 .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:hover {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-content-bg-color-hover);
   border-color: var(--color-sf-content-bg-color-alt3);
 }
 
 .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-content-bg-color-hover);
   border-color: var(--color-sf-content-bg-color-alt3);
   outline: none;
   color: var(--color-sf-primary-label-color);
@@ -3418,7 +3463,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textalign-container.e-btn:focus,
 .e-pv-annotation-handwritten-container.e-btn:focus,
 .e-pv-annotation-textprop-container.e-btn:focus {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-content-bg-color-hover);
   border-color: var(--color-sf-content-bg-color-alt3);
   outline: none;
 }
@@ -3486,11 +3531,6 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   margin-top: -4px;
 }
 
-.e-template.e-toolbar-item:not(.e-pv-shape-template-container) .e-pv-annotation-shapes-container,
-.e-template.e-toolbar-item:not(.e-pv-calibrate-template-container) .e-pv-annotation-calibrate-container {
-  line-height: 28px;
-}
-
 .e-pv-toolbar.e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn-text.e-pv-submitform-text {
   display: inline-block;
   padding: 0 4px;
@@ -3788,15 +3828,6 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   border-radius: 2px;
 }
 
-.e-pv-annotation-shapes-container.e-btn.e-icon-btn,
-.e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
-.e-pv-annotation-handwritten-container.e-btn.e-icon-btn,
-.e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item,
-.e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item .e-pv-stamp-icon,
-.e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item .e-caret {
-  line-height: 32px;
-}
-
 .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 32px;
@@ -3855,12 +3886,6 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   padding-top: 6px;
 }
 
-.e-pv-properties-form-field-window .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
-.e-pv-signature-window .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
-  padding-left: 24px !important; /* stylelint-disable-line declaration-no-important */
-  padding-top: 24px !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-pv-organize-window .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   padding: 8px !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -4098,7 +4123,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -4184,8 +4209,23 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding-top: 17px;
 }
 
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+  margin-top: -4px;
+}
+
+.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
+.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
+  margin-top: -5px;
+}
+
+.e-pv-annotation-shapes-container.e-btn.e-icon-btn,
+.e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
+.e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
+  padding-top: 8px;
+}
+
 .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
-  margin-top: 0;
+  margin-top: -4px;
 }
 
 .e-bigger .e-pv-stamp.e-menu-wrapper ul .e-menu-item {
@@ -4377,11 +4417,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   border-color: transparent;
 }
 
-.e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
-.e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
-  margin-top: -10px;
-}
-
 .e-pv-custom-annotation-thickness-container,
 .e-pv-custom-annotation-opacity-container {
   background-color: transparent;
@@ -4548,7 +4583,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-left-align-icon-div:hover,
 .e-pv-center-align-icon-div:hover,
 .e-pv-right-align-icon-div:hover {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-content-bg-color-hover);
   border-color: var(--color-sf-content-bg-color-alt3);
 }
 
@@ -4728,6 +4763,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {
@@ -4908,7 +4945,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 15px;
   line-height: 15px;
   font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
-  margin-left: 7px;
 }
 
 .e-pv-formfield-maxlength .e-input-group.e-control-wrapper .e-input-group-icon {

package/styles/pdfviewer/highcontrast-light.css

@@ -1633,7 +1633,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 10px;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #400074;
   border: none;
   border-radius: 0;
@@ -1869,7 +1870,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #000;
 }
 
@@ -2088,6 +2091,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2096,6 +2100,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #000;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
   background-color: #000;
@@ -2890,7 +2899,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3452,6 +3461,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/pdfviewer/highcontrast.css

@@ -1633,7 +1633,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 10px;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: #ffd939;
   border: none;
   border-radius: 0;
@@ -1869,7 +1870,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #fff;
 }
 
@@ -2088,6 +2091,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2096,6 +2100,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #000;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
   background-color: #000;
@@ -2894,7 +2903,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3461,6 +3470,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/pdfviewer/material-dark.css

@@ -1636,7 +1636,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 10px;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: transparent;
   border: none;
   border-radius: 0;
@@ -1872,7 +1873,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: #fff;
 }
 
@@ -2091,6 +2094,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2099,6 +2103,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #424242;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
   background-color: #424242;
@@ -2125,7 +2134,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   float: left;
   height: auto;
   margin-left: 11px;
-  margin-right: 10px;
+  margin-right: 20px;
 }
 
 .e-dropdown-popup:not(.e-rtl) .e-pv-annotation-opacity-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
@@ -2893,7 +2902,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3455,6 +3464,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/pdfviewer/material.css

@@ -1636,7 +1636,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 10px;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: transparent;
   border: none;
   border-radius: 0;
@@ -1872,7 +1873,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: rgba(0, 0, 0, 0.54);
 }
 
@@ -2091,6 +2094,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2099,6 +2103,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
+.e-pv-annotation-thickness-popup-container-mobile,
+.e-pv-annotation-opacity-popup-container-mobile {
+  background-color: #fff;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
   background-color: #fff;
@@ -2125,7 +2134,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   float: left;
   height: auto;
   margin-left: 11px;
-  margin-right: 10px;
+  margin-right: 20px;
 }
 
 .e-dropdown-popup:not(.e-rtl) .e-pv-annotation-opacity-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
@@ -2893,7 +2902,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3457,6 +3466,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {

package/styles/pdfviewer/material3-dark.css

@@ -1751,7 +1751,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
-.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
+.e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
   border: none;
@@ -2008,7 +2009,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
+.e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 
@@ -2226,6 +2229,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2259,7 +2263,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   float: left;
   height: auto;
   margin-left: 11px;
-  margin-right: 10px;
+  margin-right: 20px;
 }
 
 .e-dropdown-popup:not(.e-rtl) .e-pv-annotation-opacity-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
@@ -2959,6 +2963,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding-left: 7px;
   padding-right: 7px;
   font-size: 12px;
+  padding-left: 12px;
+  padding-right: 12px;
 }
 
 .e-pdfviewer .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
@@ -3058,7 +3064,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-comments-panel-text {
   font-size: 15px;
   padding-left: 85px;
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: var(--color-sf-content-text-color-alt1);
 }
 
 .e-pv-comments-content-container {
@@ -3662,6 +3668,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 
 .e-pv-properties-form-field-group-btn-div {
   display: grid;
+  -ms-flex-line-pack: justify;
+      align-content: space-between;
 }
 
 .e-pv-properties-form-field-option-dropdown-list-div {