@syncfusion/ej2-angular-pdfviewer 26.1.41 → 26.1.42-ngcc

package/styles/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/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/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/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 {

package/styles/material3.css

@@ -1863,7 +1863,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;
@@ -2120,7 +2121,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));
 }
 
@@ -2338,6 +2341,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;
 }
 
@@ -2371,7 +2375,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,
@@ -3071,6 +3075,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 {
@@ -3170,7 +3176,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 {
@@ -3774,6 +3780,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/bootstrap-dark.css

@@ -1633,7 +1633,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 9px;
 }
 
-.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: #131313;
   border: 0;
   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: #f0f0f0;
 }
 
@@ -2090,6 +2093,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;
 }
 
@@ -2098,6 +2102,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: #2a2a2a;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
   background-color: #2a2a2a;
@@ -2892,7 +2901,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 {
@@ -3454,6 +3463,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/bootstrap.css

@@ -1639,7 +1639,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 9px;
 }
 
-.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: #e6e6e6;
   border: 1px solid #adadad;
   border-radius: 4px;
@@ -1875,7 +1876,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: #333;
 }
 
@@ -2096,6 +2099,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;
 }
 
@@ -2104,6 +2108,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;
@@ -2898,7 +2907,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 {
@@ -3463,6 +3472,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/bootstrap4.css

@@ -1700,7 +1700,8 @@ input.e-pv-input-password::-ms-reveal {
   padding: 7px;
 }
 
-.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: #545b62;
   border: 1px solid #545b62;
   border-radius: 4px;
@@ -1985,7 +1986,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: #495057;
 }
 
@@ -2033,7 +2036,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: #fff;
 }
 
@@ -2311,6 +2316,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;
 }
 
@@ -2319,6 +2325,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;
@@ -3184,7 +3195,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 {
@@ -3780,6 +3791,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/bootstrap5-dark.css

@@ -1678,7 +1678,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: #565e64;
   border: none;
   border-radius: 4px;
@@ -1928,7 +1929,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: #adb5bd;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1985,7 +1988,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: #fff;
 }
 
@@ -2220,6 +2225,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
   padding-top: 0;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2229,9 +2235,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: #282d31;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
-  background-color: #fff;
+  background-color: #282d31;
   -webkit-box-shadow: 0 3px 8px 0 #31373d;
           box-shadow: 0 3px 8px 0 #31373d;
   color: #fff;
@@ -2555,13 +2566,17 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   height: 30px;
   line-height: 16px;
   background: transparent;
-  border: 1px solid #444c54;
   border-radius: 4px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   color: #fff;
 }
 
+.e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn:disabled,
+.e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn:disabled {
+  color: #adb5bd;
+}
+
 .e-pv-properties-window .e-dlg-content {
   padding-top: 6px;
 }
@@ -3141,7 +3156,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 {
@@ -3778,6 +3793,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/bootstrap5.css

@@ -1678,7 +1678,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: #565e64;
   border: none;
   border-radius: 4px;
@@ -1928,7 +1929,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: #6c757d;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1985,7 +1988,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: #fff;
 }
 
@@ -2220,6 +2225,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   margin-top: 0;
   padding-top: 7px;
   padding-top: 0;
+  padding-top: 5px;
   vertical-align: initial;
 }
 
@@ -2229,9 +2235,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: #f8f9fa;
+}
+
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
-  background-color: #fff;
+  background-color: #f8f9fa;
   -webkit-box-shadow: 0 3px 8px 0 #e9ecef;
           box-shadow: 0 3px 8px 0 #e9ecef;
   color: #212529;
@@ -2555,13 +2566,17 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   height: 30px;
   line-height: 16px;
   background: transparent;
-  border: 1px solid #dee2e6;
   border-radius: 4px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   color: #212529;
 }
 
+.e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn:disabled,
+.e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn:disabled {
+  color: #6c757d;
+}
+
 .e-pv-properties-window .e-dlg-content {
   padding-top: 6px;
 }
@@ -3141,7 +3156,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 {
@@ -3778,6 +3793,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 {