update treeview styles

Author: dmlvr

packages/devextreme-scss/scss/widgets/fluent/treeView/_colors.scss

@@ -19,19 +19,19 @@ $treeview-item-selected-color: $treeview-color !default;
 $treeview-item-selected-bg: $base-selected-bg !default;
 $treeview-spin-icon-color: $base-spin-icon-color !default;
 $checkbox-border-color-focused: $base-accent-active !default;
-$checkbox-disabled-border-color-focused: null !default;
-$checkbox-disabled-background-focused: null !default;
+$treeview-checkbox-disabled-border-color-focused: null !default;
+$treeview-checkbox-disabled-background-focused: null !default;
 $treeview-item-content-disabled: null !default;
 
-
 @if $mode == "light" {
   $treeview-item-content-disabled: color.scale($base-bg, $lightness: -25.88%);
-  $checkbox-disabled-border-color-focused: color.scale($base-bg, $lightness: -29.8%);
-  $checkbox-disabled-background-focused: color.scale($base-bg, $lightness: -7.84%);
+  $treeview-checkbox-disabled-border-color-focused: color.scale($base-bg, $lightness: -29.8%);
+  $treeview-checkbox-disabled-background-focused: color.scale($base-bg, $lightness: -7.84%);
 }
 
 @if $mode == "dark" {
   $treeview-item-content-disabled: color.change($base-bg, $lightness: 36.08%, $space: hsl);
-  $checkbox-disabled-border-color-focused: color.change($base-bg, $lightness: 70.2%, $space: hsl);
-  $checkbox-disabled-background-focused: color.change($base-bg, $lightness: 92.16%, $space: hsl);
+  $treeview-checkbox-disabled-border-color-focused: color.change($base-bg, $lightness: 41.96%, $space: hsl);
+  $treeview-checkbox-disabled-background-focused: color.change($base-bg, $lightness: 21.96%, $space: hsl);
 }
+

packages/devextreme-scss/scss/widgets/fluent/treeView/_index.scss

@@ -35,19 +35,19 @@
 
     .dx-checkbox.dx-state-disabled {
       .dx-checkbox-icon {
-        background-color: $checkbox-disabled-background-focused;
-        border-color: $checkbox-disabled-border-color-focused;
+        background-color: $treeview-checkbox-disabled-background-focused;
+        border-color: $treeview-checkbox-disabled-border-color-focused;
       }
 
       &.dx-checkbox-checked {
         .dx-checkbox-icon {
-          color: $checkbox-disabled-border-color-focused;
+          color: $treeview-checkbox-disabled-border-color-focused;
         }
       }
 
       &.dx-checkbox-indeterminate {
         .dx-checkbox-icon::before {
-          background-color: $checkbox-disabled-border-color-focused;
+          background-color: $treeview-checkbox-disabled-border-color-focused;
         }
       }
     }

packages/devextreme-scss/scss/widgets/generic/treeView/_colors.scss

@@ -144,4 +144,4 @@ $generic-treeview-focused-row-load-indicator-color: #fff;
   $treeview-item-selected-hover-bg: color.change(#000, $alpha: 0.15) !default;
   $treeview-spin-icon-color: $base-icon-color !default;
   $treeview-item-content-disabled: color.adjust($base-text-color, $lightness: 40%, $space: hsl);
-}
+}

packages/devextreme-scss/scss/widgets/generic/treeView/_index.scss

@@ -84,4 +84,4 @@
 
 .dx-treeview-item-content.dx-state-disabled {
   color: $treeview-item-content-disabled;
-}
+}