@syncfusion/blazor-themes 27.2.2 → 27.2.4

package/SCSS-Themes/material3-dark-lite.scss

@@ -31180,7 +31180,9 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,
@@ -60528,6 +60530,43 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         padding-left: $grid-columnchooser-input-padding-left;
       }
     }
+
+    & .e-mask {
+
+      &.e-skeleton {
+        display: inline-block;
+        height: 10px;
+        width: 80%;
+      }
+
+      &.e-mask-group-intent {
+        margin-left: 7px;
+        width: 16px;
+      }
+
+      &.e-mask-detail-intent {
+        width: 16px;
+      }
+
+      &.e-mask-checkbox-intent {
+        margin-left: 3px;
+        margin-right: 16px;
+        width: 20px;
+      }
+
+      &.e-mask-checkbox-filter-intent {
+        width: 13px;
+      }
+
+      &.e-mask-checkbox-filter-span-intent {
+        margin-left: 8px;
+      }
+      
+      &.e-mask-drag-intent {
+        margin-left: 12px;
+        width: 12px;
+      }
+    }
   }
 
   #{&}.e-grid {
@@ -61411,7 +61450,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
 
     &:not(.e-grid-min-height) .e-gridcontent {
       tr td:not(.e-indentcell):first-child:empty,
-      .e-gridcontent tr.e-row .e-rowcell:empty {
+      tr.e-row .e-rowcell:empty {
         height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
       }
     }
@@ -62308,7 +62347,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
 
     &.e-default .e-gridheader {
       th.e-firstcell,
-      th.e-laststackcell {
+      th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
         @include grid-border-width-styles;
       }
     }
@@ -63611,46 +63650,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
     }
 
-    &:not(.sf-grid).e-resize-lines.e-rtl {
-      &.e-default table th[rowspan] {
+    &.e-resize-lines {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
         border-right: 0;
       }
     }
 
-    & .e-mask {
-
-      &.e-skeleton {
-        display: inline-block;
-        height: 10px;
-        width: 80%;
-      }
-
-      &.e-mask-group-intent {
-        margin-left: 7px;
-        width: 16px;
-      }
-
-      &.e-mask-detail-intent {
-        width: 16px;
-      }
-
-      &.e-mask-checkbox-intent {
-        margin-left: 3px;
-        margin-right: 16px;
-        width: 20px;
-      }
-
-      &.e-mask-checkbox-filter-intent {
-        width: 13px;
-      }
-
-      &.e-mask-checkbox-filter-span-intent {
-        margin-left: 8px;
-      }
-      
-      &.e-mask-drag-intent {
-        margin-left: 12px;
-        width: 12px;
+    &:not(.sf-grid).e-resize-lines.e-rtl {
+      &.e-default table th[rowspan] {
+        border-right: 0;
       }
     }
 
@@ -64960,6 +64970,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;

package/SCSS-Themes/material3-dark.scss

@@ -42827,7 +42827,9 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,
@@ -82249,6 +82251,43 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         padding-left: $grid-columnchooser-input-padding-left;
       }
     }
+
+    & .e-mask {
+
+      &.e-skeleton {
+        display: inline-block;
+        height: 10px;
+        width: 80%;
+      }
+
+      &.e-mask-group-intent {
+        margin-left: 7px;
+        width: 16px;
+      }
+
+      &.e-mask-detail-intent {
+        width: 16px;
+      }
+
+      &.e-mask-checkbox-intent {
+        margin-left: 3px;
+        margin-right: 16px;
+        width: 20px;
+      }
+
+      &.e-mask-checkbox-filter-intent {
+        width: 13px;
+      }
+
+      &.e-mask-checkbox-filter-span-intent {
+        margin-left: 8px;
+      }
+      
+      &.e-mask-drag-intent {
+        margin-left: 12px;
+        width: 12px;
+      }
+    }
   }
 
   #{&}.e-grid {
@@ -83132,7 +83171,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
 
     &:not(.e-grid-min-height) .e-gridcontent {
       tr td:not(.e-indentcell):first-child:empty,
-      .e-gridcontent tr.e-row .e-rowcell:empty {
+      tr.e-row .e-rowcell:empty {
         height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
       }
     }
@@ -84029,7 +84068,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
 
     &.e-default .e-gridheader {
       th.e-firstcell,
-      th.e-laststackcell {
+      th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
         @include grid-border-width-styles;
       }
     }
@@ -85332,46 +85371,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
     }
 
-    &:not(.sf-grid).e-resize-lines.e-rtl {
-      &.e-default table th[rowspan] {
+    &.e-resize-lines {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
         border-right: 0;
       }
     }
 
-    & .e-mask {
-
-      &.e-skeleton {
-        display: inline-block;
-        height: 10px;
-        width: 80%;
-      }
-
-      &.e-mask-group-intent {
-        margin-left: 7px;
-        width: 16px;
-      }
-
-      &.e-mask-detail-intent {
-        width: 16px;
-      }
-
-      &.e-mask-checkbox-intent {
-        margin-left: 3px;
-        margin-right: 16px;
-        width: 20px;
-      }
-
-      &.e-mask-checkbox-filter-intent {
-        width: 13px;
-      }
-
-      &.e-mask-checkbox-filter-span-intent {
-        margin-left: 8px;
-      }
-      
-      &.e-mask-drag-intent {
-        margin-left: 12px;
-        width: 12px;
+    &:not(.sf-grid).e-resize-lines.e-rtl {
+      &.e-default table th[rowspan] {
+        border-right: 0;
       }
     }
 
@@ -86681,6 +86691,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -88914,10 +88930,10 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
+            color: $grid-responsive-custom-header-btn-color;
             background: none;
           }
           border: 0;
-          color: $grid-responsive-custom-header-btn-color;
         }
         & .e-btn .e-icon-filter-clear {
           @if $grid-skin == 'fluent2' {
@@ -89092,13 +89108,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
             }
 
             li {
-              @if $grid-skin != 'bootstrap5.3' {
+              @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
                 color: $grid-rowcell-color;
               }
             }
  
             & .e-submenu.e-selected {
-              @if $grid-skin != 'bootstrap5.3' {
+              @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
                 background-color: $grid-responsive-header-background;
               }
             }

package/SCSS-Themes/material3-lite.scss

@@ -31250,7 +31250,9 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,
@@ -60598,6 +60600,43 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         padding-left: $grid-columnchooser-input-padding-left;
       }
     }
+
+    & .e-mask {
+
+      &.e-skeleton {
+        display: inline-block;
+        height: 10px;
+        width: 80%;
+      }
+
+      &.e-mask-group-intent {
+        margin-left: 7px;
+        width: 16px;
+      }
+
+      &.e-mask-detail-intent {
+        width: 16px;
+      }
+
+      &.e-mask-checkbox-intent {
+        margin-left: 3px;
+        margin-right: 16px;
+        width: 20px;
+      }
+
+      &.e-mask-checkbox-filter-intent {
+        width: 13px;
+      }
+
+      &.e-mask-checkbox-filter-span-intent {
+        margin-left: 8px;
+      }
+      
+      &.e-mask-drag-intent {
+        margin-left: 12px;
+        width: 12px;
+      }
+    }
   }
 
   #{&}.e-grid {
@@ -61481,7 +61520,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
 
     &:not(.e-grid-min-height) .e-gridcontent {
       tr td:not(.e-indentcell):first-child:empty,
-      .e-gridcontent tr.e-row .e-rowcell:empty {
+      tr.e-row .e-rowcell:empty {
         height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
       }
     }
@@ -62378,7 +62417,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
 
     &.e-default .e-gridheader {
       th.e-firstcell,
-      th.e-laststackcell {
+      th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
         @include grid-border-width-styles;
       }
     }
@@ -63681,46 +63720,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
     }
 
-    &:not(.sf-grid).e-resize-lines.e-rtl {
-      &.e-default table th[rowspan] {
+    &.e-resize-lines {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
         border-right: 0;
       }
     }
 
-    & .e-mask {
-
-      &.e-skeleton {
-        display: inline-block;
-        height: 10px;
-        width: 80%;
-      }
-
-      &.e-mask-group-intent {
-        margin-left: 7px;
-        width: 16px;
-      }
-
-      &.e-mask-detail-intent {
-        width: 16px;
-      }
-
-      &.e-mask-checkbox-intent {
-        margin-left: 3px;
-        margin-right: 16px;
-        width: 20px;
-      }
-
-      &.e-mask-checkbox-filter-intent {
-        width: 13px;
-      }
-
-      &.e-mask-checkbox-filter-span-intent {
-        margin-left: 8px;
-      }
-      
-      &.e-mask-drag-intent {
-        margin-left: 12px;
-        width: 12px;
+    &:not(.sf-grid).e-resize-lines.e-rtl {
+      &.e-default table th[rowspan] {
+        border-right: 0;
       }
     }
 
@@ -65030,6 +65040,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;

package/SCSS-Themes/material3.scss

@@ -42897,7 +42897,9 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,
@@ -82319,6 +82321,43 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         padding-left: $grid-columnchooser-input-padding-left;
       }
     }
+
+    & .e-mask {
+
+      &.e-skeleton {
+        display: inline-block;
+        height: 10px;
+        width: 80%;
+      }
+
+      &.e-mask-group-intent {
+        margin-left: 7px;
+        width: 16px;
+      }
+
+      &.e-mask-detail-intent {
+        width: 16px;
+      }
+
+      &.e-mask-checkbox-intent {
+        margin-left: 3px;
+        margin-right: 16px;
+        width: 20px;
+      }
+
+      &.e-mask-checkbox-filter-intent {
+        width: 13px;
+      }
+
+      &.e-mask-checkbox-filter-span-intent {
+        margin-left: 8px;
+      }
+      
+      &.e-mask-drag-intent {
+        margin-left: 12px;
+        width: 12px;
+      }
+    }
   }
 
   #{&}.e-grid {
@@ -83202,7 +83241,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
 
     &:not(.e-grid-min-height) .e-gridcontent {
       tr td:not(.e-indentcell):first-child:empty,
-      .e-gridcontent tr.e-row .e-rowcell:empty {
+      tr.e-row .e-rowcell:empty {
         height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
       }
     }
@@ -84099,7 +84138,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
 
     &.e-default .e-gridheader {
       th.e-firstcell,
-      th.e-laststackcell {
+      th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
         @include grid-border-width-styles;
       }
     }
@@ -85402,46 +85441,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
     }
 
-    &:not(.sf-grid).e-resize-lines.e-rtl {
-      &.e-default table th[rowspan] {
+    &.e-resize-lines {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
         border-right: 0;
       }
     }
 
-    & .e-mask {
-
-      &.e-skeleton {
-        display: inline-block;
-        height: 10px;
-        width: 80%;
-      }
-
-      &.e-mask-group-intent {
-        margin-left: 7px;
-        width: 16px;
-      }
-
-      &.e-mask-detail-intent {
-        width: 16px;
-      }
-
-      &.e-mask-checkbox-intent {
-        margin-left: 3px;
-        margin-right: 16px;
-        width: 20px;
-      }
-
-      &.e-mask-checkbox-filter-intent {
-        width: 13px;
-      }
-
-      &.e-mask-checkbox-filter-span-intent {
-        margin-left: 8px;
-      }
-      
-      &.e-mask-drag-intent {
-        margin-left: 12px;
-        width: 12px;
+    &:not(.sf-grid).e-resize-lines.e-rtl {
+      &.e-default table th[rowspan] {
+        border-right: 0;
       }
     }
 
@@ -86751,6 +86761,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -88984,10 +89000,10 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
+            color: $grid-responsive-custom-header-btn-color;
             background: none;
           }
           border: 0;
-          color: $grid-responsive-custom-header-btn-color;
         }
         & .e-btn .e-icon-filter-clear {
           @if $grid-skin == 'fluent2' {
@@ -89162,13 +89178,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
             }
 
             li {
-              @if $grid-skin != 'bootstrap5.3' {
+              @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
                 color: $grid-rowcell-color;
               }
             }
  
             & .e-submenu.e-selected {
-              @if $grid-skin != 'bootstrap5.3' {
+              @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
                 background-color: $grid-responsive-header-background;
               }
             }

package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark-lite.scss

@@ -442,12 +442,12 @@ $pv-bookmark-icon-rtl-position: absolute !default;
 $pv-bookmark-icon-rtl-padding: 1px !default;
 $pv-corrupted-pop-content-margin-right: 53px !default;
 $pv-corrupted-pop-header-rtl-text-align: right !default;
-$pv-bookmark-container-background-color: $primary !default;
+$pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
 $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
 $pv-toolbar-btn-width-mobile: 36px !default;
 $pv-toolbar-btn-height-mobile: 30px !default;
-$pv-bookmark-container-border: 1px solid $primary !default;
-$pv-bookmark-list-border-bottom: 1px solid $primary !default;
+$pv-bookmark-container-border: 1px solid $border-light !default;
+$pv-bookmark-list-border-bottom: 1px solid $border-light !default;
 $pv-annotation-opacity-popup-background-color: $content-bg-color-alt1 !default;
 $pv-annotation-opacity-popup-color: $content-text-color !default;
 $pv-annotation-opacity-popup-padding: 16px !default;

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

@@ -442,12 +442,12 @@ $pv-bookmark-icon-rtl-position: absolute !default;
 $pv-bookmark-icon-rtl-padding: 1px !default;
 $pv-corrupted-pop-content-margin-right: 53px !default;
 $pv-corrupted-pop-header-rtl-text-align: right !default;
-$pv-bookmark-container-background-color: $primary !default;
+$pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
 $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
 $pv-toolbar-btn-width-mobile: 36px !default;
 $pv-toolbar-btn-height-mobile: 30px !default;
-$pv-bookmark-container-border: 1px solid $primary !default;
-$pv-bookmark-list-border-bottom: 1px solid $primary !default;
+$pv-bookmark-container-border: 1px solid $border-light !default;
+$pv-bookmark-list-border-bottom: 1px solid $border-light !default;
 $pv-annotation-opacity-popup-background-color: $content-bg-color-alt1 !default;
 $pv-annotation-opacity-popup-color: $content-text-color !default;
 $pv-annotation-opacity-popup-padding: 16px !default;

package/SCSS-Themes/pdfviewer/pdfviewer/fluent-lite.scss

@@ -442,12 +442,12 @@ $pv-bookmark-icon-rtl-position: absolute !default;
 $pv-bookmark-icon-rtl-padding: 1px !default;
 $pv-corrupted-pop-content-margin-right: 53px !default;
 $pv-corrupted-pop-header-rtl-text-align: right !default;
-$pv-bookmark-container-background-color: $primary !default;
+$pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
 $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
 $pv-toolbar-btn-width-mobile: 36px !default;
 $pv-toolbar-btn-height-mobile: 30px !default;
-$pv-bookmark-container-border: 1px solid $primary !default;
-$pv-bookmark-list-border-bottom: 1px solid $primary !default;
+$pv-bookmark-container-border: 1px solid $border-light !default;
+$pv-bookmark-list-border-bottom: 1px solid $border-light !default;
 $pv-annotation-opacity-popup-background-color: $content-bg-color-alt1 !default;
 $pv-annotation-opacity-popup-color: $content-text-color !default;
 $pv-annotation-opacity-popup-padding: 16px !default;

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

@@ -442,12 +442,12 @@ $pv-bookmark-icon-rtl-position: absolute !default;
 $pv-bookmark-icon-rtl-padding: 1px !default;
 $pv-corrupted-pop-content-margin-right: 53px !default;
 $pv-corrupted-pop-header-rtl-text-align: right !default;
-$pv-bookmark-container-background-color: $primary !default;
+$pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
 $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
 $pv-toolbar-btn-width-mobile: 36px !default;
 $pv-toolbar-btn-height-mobile: 30px !default;
-$pv-bookmark-container-border: 1px solid $primary !default;
-$pv-bookmark-list-border-bottom: 1px solid $primary !default;
+$pv-bookmark-container-border: 1px solid $border-light !default;
+$pv-bookmark-list-border-bottom: 1px solid $border-light !default;
 $pv-annotation-opacity-popup-background-color: $content-bg-color-alt1 !default;
 $pv-annotation-opacity-popup-color: $content-text-color !default;
 $pv-annotation-opacity-popup-padding: 16px !default;

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark-lite.scss

@@ -532,10 +532,10 @@ $pv-input-active-color: rgba($primary, .54) !default;
 $pv-input-hover-background: $transparent !default;
 $pv-input-hover-color: rgba($primary, .54) !default;
 $pv-input-background: $transparent !default;
-$pv-bookmark-container-background-color: $primary !default;
+$pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
 $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
-$pv-bookmark-container-border: 1px solid $primary !default;
-$pv-bookmark-list-border-bottom: 1px solid $primary !default;
+$pv-bookmark-container-border: 1px solid $border-light !default;
+$pv-bookmark-list-border-bottom: 1px solid $border-light !default;
 $pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
 $pv-annotation-dropdown-background-color: $transparent !default;
 $pv-annotation-dropdown-border-color: $transparent !default;