dxTreeList :align TreeList expand icon color with DataGrid spin icon variable (T1325896) (#33184)

dxvladislavvolkov · web-flow · commit dd2a1fb1260b · 2026-04-08T12:16:31.000+04:00
diff --git a/packages/devextreme-scss/scss/widgets/generic/treeList/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/treeList/_colors.scss
@@ -11,42 +11,42 @@ $treelist-selection-spin-icon-color: null !default;
 
 
 @if $color == "carmine" {
-  $treelist-spin-icon-color: $base-icon-color !default;
-  $treelist-selection-spin-icon-color: color.adjust($base-icon-color, $lightness: 100%, $space: hsl) !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
+  $treelist-selection-spin-icon-color: color.adjust($datagrid-spin-icon-color, $lightness: 100%, $space: hsl) !default;
 }
 
 @if $color == "contrast" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $base-inverted-text-color !default;
 }
 
 @if $color == "dark" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $treelist-spin-icon-color !default;
 }
 
 @if $color == "darkmoon" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $base-bg !default;
 }
 
 @if $color == "darkviolet" {
-  $treelist-spin-icon-color: $base-header-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $base-icon-color !default;
 }
 
 @if $color == "greenmist" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: color.adjust($treelist-spin-icon-color, $lightness: 100%, $space: hsl) !default;
 }
 
 @if $color == "light" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $treelist-spin-icon-color !default;
 }
 
 @if $color == "softblue" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $base-icon-color !default;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -11,42 +11,42 @@ $treelist-selection-spin-icon-color: null !default;`
`11`	`11`
`12`	`12`
`13`	`13`	`@if $color == "carmine" {`
`14`		`- $treelist-spin-icon-color: $base-icon-color !default;`
`15`		`- $treelist-selection-spin-icon-color: color.adjust($base-icon-color, $lightness: 100%, $space: hsl) !default;`
	`14`	`+ $treelist-spin-icon-color: $datagrid-spin-icon-color !default;`
	`15`	`+ $treelist-selection-spin-icon-color: color.adjust($datagrid-spin-icon-color, $lightness: 100%, $space: hsl) !default;`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`@if $color == "contrast" {`
`19`		`- $treelist-spin-icon-color: $base-icon-color !default;`
	`19`	`+ $treelist-spin-icon-color: $datagrid-spin-icon-color !default;`
`20`	`20`	`$treelist-selection-spin-icon-color: $base-inverted-text-color !default;`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`@if $color == "dark" {`
`24`		`- $treelist-spin-icon-color: $base-icon-color !default;`
	`24`	`+ $treelist-spin-icon-color: $datagrid-spin-icon-color !default;`
`25`	`25`	`$treelist-selection-spin-icon-color: $treelist-spin-icon-color !default;`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`@if $color == "darkmoon" {`
`29`		`- $treelist-spin-icon-color: $base-icon-color !default;`
	`29`	`+ $treelist-spin-icon-color: $datagrid-spin-icon-color !default;`
`30`	`30`	`$treelist-selection-spin-icon-color: $base-bg !default;`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`@if $color == "darkviolet" {`
`34`		`- $treelist-spin-icon-color: $base-header-color !default;`
	`34`	`+ $treelist-spin-icon-color: $datagrid-spin-icon-color !default;`
`35`	`35`	`$treelist-selection-spin-icon-color: $base-icon-color !default;`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`@if $color == "greenmist" {`
`39`		`- $treelist-spin-icon-color: $base-icon-color !default;`
	`39`	`+ $treelist-spin-icon-color: $datagrid-spin-icon-color !default;`
`40`	`40`	`$treelist-selection-spin-icon-color: color.adjust($treelist-spin-icon-color, $lightness: 100%, $space: hsl) !default;`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`@if $color == "light" {`
`44`		`- $treelist-spin-icon-color: $base-icon-color !default;`
	`44`	`+ $treelist-spin-icon-color: $datagrid-spin-icon-color !default;`
`45`	`45`	`$treelist-selection-spin-icon-color: $treelist-spin-icon-color !default;`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`@if $color == "softblue" {`
`49`		`- $treelist-spin-icon-color: $base-icon-color !default;`
	`49`	`+ $treelist-spin-icon-color: $datagrid-spin-icon-color !default;`
`50`	`50`	`$treelist-selection-spin-icon-color: $base-icon-color !default;`
`51`	`51`	`}`
`52`	`52`