Home/ Questions/Q 9149635
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T11:30:14+00:00

For example, using the Light Theme means that the back and appbar buttons are

  • 0

For example, using the Light Theme means that the back and appbar buttons are black.
However when using a darker app bar colour, the contrast of the buttons is stark.
Here’s a screen grab, ignore the quality of the white one. https://i.stack.imgur.com/Fr0Zs.png

Is there any way to directly access the styles that result in one theme’s icons vs anothers?

Note: I’m building a C# + XAML app.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As a start the button will be looking somewhat like this:

    start

    Under the StandartStyles.xml you have to look for the style AppBarButtonStyle first to change your icon color find <Setter Property="Foreground" Value="{StaticResource AppBarItemForegroundThemeBrush}"/>

    Now you replace {StaticResource AppBarItemForegroundThemeBrush} with the color you want you can use both white and #FFFFFFFF. now you have changed the visuals of your icon and you should have something like this

    enter image description here

    Now you need to style the text below this is done by finding the </TextBlock tag a few lines down and also changeing the forground property there

    step two

    Now you have a nice looking icon but as soon as you mouse over it all turns quiet ugly agien. in order to change the diffrent states move down to the <VisualStateGroup x:Name="CommonStates"> tag here you will find a tag <VisualState x:Name="PointerOver"> as you might suspect this changes the properties of button when you hover the mouse over it.

        <VisualState x:Name="PointerOver">
        <Storyboard>
            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground">
    <!-- the background of the actionbar-> !--><DiscreteObjectKeyFrame KeyTime="0" Value="yourBackgroundColor"/> 
                                    </ObjectAnimationUsingKeyFrames>
            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="Foreground">
    <!-- the icon of the actionbar-> --><DiscreteObjectKeyFrame KeyTime="0" Value="yourActionBarIconColor"/> 
                                    </ObjectAnimationUsingKeyFrames>
        </Storyboard>
    </VisualState>

    If you keep scrolling down you will find <VisualState x:Name="Pressed"> and so on.

    • 0