Refactor SearchView color application logic #32187

h0lg · 2025-12-05T11:58:21Z

introduces trailing whitespace - revert.

jsuarezruiz · 2025-10-28T09:51:49Z

This changes should change the color (use the TextColor) for the search icon and the underline, right?

Taking a look to tests, seems is not happening:

No, this is actually the correct appearance :) If you compare it with the previous screenshot, you’ll see that after changing the theme, the underline now appears as expected.

The best fix would be that the search icon and the underline can be set by the user (via AppThemeBinding) ;)
In my app i use ResourceConstant.Color.searchBarIconDark and ResourceConstant.Color.searchBarIconLight for both.

Hi @AlleSchonWeg this still works:
<SearchBar SearchIconColor="{AppThemeBinding Dark=Red,Light=Green}"/>
But this PR solves the issue when this property is not set

Screen.Recording.2025-10-31.at.13.49.06.mov

Hi @kubaflo
Is this a new API? I don't have SearchIconColor property for SearchBar.
What color are you using for the line? I would prefer to make the line the same color as the icon. Or let the developer choose the line color (best option):
<SearchBar SearchPlateColor="{AppThemeBinding Dark=Red,Light=Green}"/>
Thank you!

It was added in here: #26759

Hmm, i'm using SR12:

<PackageVersion Include="Microsoft.Maui.Controls" Version="9.0.120" /> <PackageVersion Include="Microsoft.Maui.Controls.Compatibility" Version="9.0.120" />

but no SearchIconColor;

I see what happened here :)
It is in Net10 Preview 2: dotnet/docs-maui#2817

-Original file line number
+Diff line change
@@ Expand Up @@
     			else if (TryGetDefaultStateColor(searchView, AAttribute.TextColorHint, out var color))
     			{
     				editText.SetHintTextColor(color);
-    				var searchMagIconImage = searchView.FindViewById<ImageView>(Resource.Id.search_mag_icon);
-    				searchMagIconImage?.Drawable?.SetTint(color);
+    				ApplyDecorColor(searchView, color);
     			}
     		}
     		internal static void UpdateTextColor(this SearchView searchView, ITextStyle entry)
     		{
     			if (TryGetDefaultStateColor(searchView, AAttribute.TextColorPrimary, out var color) &&
@@ Expand All @@
     				if (entry.TextColor is null)
     					editText.SetTextColor(color);
-    				var searchMagIconImage = searchView.FindViewById<ImageView>(Resource.Id.search_mag_icon);
-    				searchMagIconImage?.Drawable?.SetTint(color);
+    				ApplyDecorColor(searchView, color);
     			}
     		}
+    		// Tints the magnifier icon and the underline
+    		static void ApplyDecorColor(SearchView searchView, Color color)
+    		{
+    			var searchMagIconImage = searchView.FindViewById<ImageView>(Resource.Id.search_mag_icon);
+    			searchMagIconImage?.Drawable?.SetTint(color);
+    			var searchPlate = searchView.FindViewById(Resource.Id.search_plate);
+    			searchPlate?.Background?.SetTint(color);
+    		}
     		public static void UpdateFont(this SearchView searchView, ISearchBar searchBar, IFontManager fontManager, EditText? editText = null)
     		{
     			editText ??= searchView.GetFirstChildOfType<EditText>();
@@ Expand Down @@

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Refactor SearchView color application logic #32187

Uh oh!

Diff view

Diff view

There are no files selected for viewing

h0lg Dec 5, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

jsuarezruiz Oct 28, 2025

Uh oh!

kubaflo Oct 30, 2025

Uh oh!

AlleSchonWeg Oct 31, 2025

Uh oh!

kubaflo Oct 31, 2025

Uh oh!

AlleSchonWeg Oct 31, 2025

Uh oh!

kubaflo Oct 31, 2025

Uh oh!

AlleSchonWeg Oct 31, 2025

Uh oh!

kubaflo Oct 31, 2025

Uh oh!

Uh oh!

Refactor SearchView color application logic #32187

Are you sure you want to change the base?

Uh oh!

Refactor SearchView color application logic #32187

Uh oh!

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!