fix(panelbar): change panelbar-bg to white

telerik · Mar 30, 2021 · f27f218 · f27f218
1 parent ec115cc
commit f27f218
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/packages/classic/scss/panelbar/_variables.scss b/packages/classic/scss/panelbar/_variables.scss
@@ -12,16 +12,16 @@ $panelbar-header-padding-y: $header-padding-y !default;
 $panelbar-item-padding-x: $list-item-padding-x !default;
 $panelbar-item-padding-y: $list-item-padding-y !default;
 
-$panelbar-bg: $base-bg !default;
-$panelbar-text: $base-text !default;
-$panelbar-border: $base-border !default;
+$panelbar-bg: $component-bg !default;
+$panelbar-text: $component-text !default;
+$panelbar-border: $component-border !default;
 
 $panelbar-header-bg: $component-bg !default;
 $panelbar-header-text: $link-text !default;
 $panelbar-header-border: null !default;
 $panelbar-header-gradient: null !default;
 
-$panelbar-header-hovered-bg: shade($panelbar-header-bg) !default;
+$panelbar-header-hovered-bg: try-shade( $panelbar-header-bg, .5 ) !default;
 $panelbar-header-hovered-text: $link-hover-text !default;
 $panelbar-header-hovered-border: null !default;
 $panelbar-header-hovered-gradient: null !default;
@@ -33,7 +33,7 @@ $panelbar-header-selected-gradient: null !default;
 
 $panelbar-header-focused-shadow: $list-item-focused-shadow !default;
 
-$panelbar-item-hovered-bg: shade($panelbar-bg) !default;
+$panelbar-item-hovered-bg: try-shade( $panelbar-bg, .5 ) !default;
 $panelbar-item-hovered-text: null !default;
 $panelbar-item-hovered-border: null !default;
 $panelbar-item-hovered-gradient: null !default;

diff --git a/packages/default/scss/panelbar/_variables.scss b/packages/default/scss/panelbar/_variables.scss
@@ -12,16 +12,16 @@ $panelbar-header-padding-y: $header-padding-y !default;
 $panelbar-item-padding-x: $list-item-padding-x !default;
 $panelbar-item-padding-y: $list-item-padding-y !default;
 
-$panelbar-bg: $base-bg !default;
-$panelbar-text: $base-text !default;
-$panelbar-border: $base-border !default;
+$panelbar-bg: $component-bg !default;
+$panelbar-text: $component-text !default;
+$panelbar-border: $component-border !default;
 
 $panelbar-header-bg: $component-bg !default;
 $panelbar-header-text: $link-text !default;
 $panelbar-header-border: null !default;
 $panelbar-header-gradient: null !default;
 
-$panelbar-header-hovered-bg: shade($panelbar-header-bg) !default;
+$panelbar-header-hovered-bg: try-shade( $panelbar-header-bg, 1 ) !default;
 $panelbar-header-hovered-text: $link-hover-text !default;
 $panelbar-header-hovered-border: null !default;
 $panelbar-header-hovered-gradient: null !default;
@@ -33,7 +33,7 @@ $panelbar-header-selected-gradient: null !default;
 
 $panelbar-header-focused-shadow: $list-item-focused-shadow !default;
 
-$panelbar-item-hovered-bg: shade($panelbar-bg) !default;
+$panelbar-item-hovered-bg: try-shade( $panelbar-bg, 1 ) !default;
 $panelbar-item-hovered-text: null !default;
 $panelbar-item-hovered-border: null !default;
 $panelbar-item-hovered-gradient: null !default;

diff --git a/packages/material/scss/panelbar/_variables.scss b/packages/material/scss/panelbar/_variables.scss
@@ -21,7 +21,7 @@ $panelbar-header-text: null !default;
 $panelbar-header-border: null !default;
 $panelbar-header-gradient: null !default;
 
-$panelbar-header-hovered-bg: try-shade($panelbar-bg) !default;
+$panelbar-header-hovered-bg: try-shade( $panelbar-bg, 1 ) !default;
 $panelbar-header-hovered-text: null !default;
 $panelbar-header-hovered-border: null !default;
 $panelbar-header-hovered-gradient: null !default;
@@ -33,7 +33,7 @@ $panelbar-header-selected-gradient: null !default;
 
 $panelbar-header-focused-shadow: null !default;
 
-$panelbar-item-hovered-bg: try-shade($panelbar-bg) !default;
+$panelbar-item-hovered-bg: try-shade( $panelbar-bg, 1 ) !default;
 $panelbar-item-hovered-text: null !default;
 $panelbar-item-hovered-border: null !default;
 $panelbar-item-hovered-gradient: null !default;