Customize TextBox colors

[SinoAHpx]

This is a TextBox:

<TextBox Text="zzz"  VerticalAlignment="Top"/>

But its color is inherited from the PrimaryColor and I want to customize which, what should I do?

[SKProCH]

Hello, @SinoAHpx

You can directly set colors, e.g.:

<TextBox Background="Blue" />

Or, alternative way is to override a resource values which TextBox uses.

[SinoAHpx]

Original:

<TextBox Text="AWDAWD" />

With Background attribute set:

 <TextBox Background="Indigo" Text="AWDAWD"/>

[SinoAHpx]

Unfortunately, as you can see, setting the background working terribly

[SKProCH]

So, what do you expect from this?

[SinoAHpx]

Oh, I apologize that I didn't explain clearly.
For example, the effect below is implemented only by changing PrimaryColor in App.axaml, I wonder if there's another way to do the same

[SKProCH]

So, you want override a PrimaryColor for a certain control only? You can actually do it by overriding a resource near the control (Avalonia looks for resources starting from the control and climbing up in visual tree, App resources used when nothing found previously). So, you can do something like this:

<TextBox ...>
  <TextBox.Resources>
    <SolidColorBrush x:Key="MaterialTextBoxBorderBrush" Color="Red" />
    <SolidColorBrush x:Key="MaterialPrimaryMidBrush" Color="Red" />
  </TextBox.Resources>
</TextBox>

Default style for TextBox underline utilizes the following keys: MaterialTextBoxBorderBrush and MaterialPrimaryMidBrush.

[SinoAHpx]

I sincerely appreciate your answer. Have a nice day!