npm - @syncfusion/blazor-themes - Versions diffs - 23.1.36 → 23.1.39 - Mend

@syncfusion/blazor-themes 23.1.36 → 23.1.39

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

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

@@ -3930,6 +3930,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3939,17 +3955,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
   @if $skin-name == 'Material3' {
@@ -3962,7 +3973,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3970,6 +3981,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
   .e-pv-comments-content-container {
@@ -5446,7 +5458,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3976,6 +3976,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3985,17 +4001,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
   @if $skin-name == 'Material3' {
@@ -4008,7 +4019,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -4016,6 +4027,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
   .e-pv-comments-content-container {
@@ -5492,7 +5504,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3924,6 +3924,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3933,17 +3949,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
   @if $skin-name == 'Material3' {
@@ -3956,7 +3967,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3964,6 +3975,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
   .e-pv-comments-content-container {
@@ -5440,7 +5452,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3924,6 +3924,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3933,17 +3949,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
   @if $skin-name == 'Material3' {
@@ -3956,7 +3967,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3964,6 +3975,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
   .e-pv-comments-content-container {
@@ -5440,7 +5452,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3927,6 +3927,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3936,17 +3952,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
   @if $skin-name == 'Material3' {
@@ -3959,7 +3970,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3967,6 +3978,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
   .e-pv-comments-content-container {
@@ -5443,7 +5455,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3929,6 +3929,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3938,17 +3954,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
   @if $skin-name == 'Material3' {
@@ -3961,7 +3972,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3969,6 +3980,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
   .e-pv-comments-content-container {
@@ -5445,7 +5457,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3931,6 +3931,22 @@ $pv-comment-text-cursor-color: $black !default;
     text-align: left;
   }
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3940,17 +3956,12 @@ $pv-comment-text-cursor-color: $black !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
   @if $skin-name == 'Material3' {
@@ -3963,7 +3974,7 @@ $pv-comment-text-cursor-color: $black !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3971,6 +3982,7 @@ $pv-comment-text-cursor-color: $black !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
   .e-pv-comments-content-container {
@@ -5447,7 +5459,7 @@ $pv-comment-text-cursor-color: $black !default;
   }
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3931,6 +3931,22 @@ $pv-comment-text-cursor-color: $black !default;
     text-align: left;
   }
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3940,17 +3956,12 @@ $pv-comment-text-cursor-color: $black !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
   @if $skin-name == 'Material3' {
@@ -3963,7 +3974,7 @@ $pv-comment-text-cursor-color: $black !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3971,6 +3982,7 @@ $pv-comment-text-cursor-color: $black !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
   .e-pv-comments-content-container {
@@ -5447,7 +5459,7 @@ $pv-comment-text-cursor-color: $black !default;
   }
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3929,6 +3929,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3938,17 +3954,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
   @if $skin-name == 'Material3' {
@@ -3961,7 +3972,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3969,6 +3980,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
   .e-pv-comments-content-container {
@@ -5445,7 +5457,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }

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

@@ -3928,6 +3928,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -3937,17 +3953,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
   @if $skin-name == 'Material3' {
@@ -3960,7 +3971,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -3968,6 +3979,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
   .e-pv-comments-content-container {
@@ -5444,7 +5456,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }