fix(filter): update text colors

inikolova · inikolova · commit b8cb4d3becbc · 2025-10-02T15:06:21.000+03:00
diff --git a/packages/bootstrap/scss/filter/_variables.scss b/packages/bootstrap/scss/filter/_variables.scss
@@ -4,7 +4,7 @@
 
 /// The horizontal padding of the Filter.
 /// @group filter
-$kendo-filter-padding-x: k-spacing(2) !default;
+$kendo-filter-padding-x: k-spacing(4) !default;
 /// The vertical padding of the Filter.
 /// @group filter
 $kendo-filter-padding-y: k-spacing(2) !default;
@@ -25,7 +25,7 @@ $kendo-filter-operator-dropdown-width: 15em !default;
 $kendo-filter-preview-field-text: k-color(primary) !default;
 /// The text color of the Filter preview operator.
 /// @group filter
-$kendo-filter-preview-operator-text: k-color(subtle)  !default;
+$kendo-filter-preview-operator-text: k-color(on-app-surface)  !default;
 
 /// The box shadow of the focused Filter toolbar.
 /// @group filter
diff --git a/packages/classic/scss/filter/_variables.scss b/packages/classic/scss/filter/_variables.scss
@@ -25,7 +25,7 @@ $kendo-filter-operator-dropdown-width: 15em !default;
 $kendo-filter-preview-field-text: k-color(primary) !default;
 /// The text color of the Filter preview operator.
 /// @group filter
-$kendo-filter-preview-operator-text: k-color(subtle) !default;
+$kendo-filter-preview-operator-text: k-color(on-app-surface) !default;
 
 /// The box shadow of the focused Filter toolbar.
 /// @group filter
diff --git a/packages/default/scss/filter/_variables.scss b/packages/default/scss/filter/_variables.scss
@@ -25,7 +25,7 @@ $kendo-filter-operator-dropdown-width: 15em !default;
 $kendo-filter-preview-field-text: k-color(primary) !default;
 /// The text color of the Filter preview operator.
 /// @group filter
-$kendo-filter-preview-operator-text: k-color(subtle) !default;
+$kendo-filter-preview-operator-text: k-color(on-app-surface) !default;
 
 /// The box shadow of the focused Filter toolbar.
 /// @group filter
diff --git a/packages/fluent/scss/filter/_variables.scss b/packages/fluent/scss/filter/_variables.scss
@@ -28,7 +28,7 @@ $kendo-filter-text: var( --kendo-filter-text, #{k-color(on-app-surface)} ) !defa
 $kendo-filter-preview-field-text: var( --kendo-filter-preview-field-text, #{k-color(primary)} ) !default;
 /// The text color of the Filter preview operator.
 /// @group filter
-$kendo-filter-preview-operator-text: var( --kendo-filter-preview-operator-text, #{k-color(subtle)} ) !default;
+$kendo-filter-preview-operator-text: var( --kendo-filter-preview-operator-text, #{k-color(on-app-surface)} ) !default;
 
 /// The background color of the line that connects the Filter items.
 /// @group filter
diff --git a/packages/material/scss/filter/_variables.scss b/packages/material/scss/filter/_variables.scss
@@ -25,7 +25,7 @@ $kendo-filter-operator-dropdown-width: 15em !default;
 $kendo-filter-preview-field-text: k-color(primary-on-surface) !default;
 /// The text color of the Filter preview operator.
 /// @group filter
-$kendo-filter-preview-operator-text: k-color(subtle) !default;
+$kendo-filter-preview-operator-text: k-color(on-app-surface) !default;
 
 /// The box shadow of the focused Filter toolbar.
 /// @group filter
