How can I set disabled button style? - xaml

Question

I'm making custom button styles, and I set the color but as:
<Style TargetType="Button" x:Key="ButtonStyle">
<Setter Property="Background">
<Setter.Value>
<SolidColorBrush Color="#0000FF" />
</Setter.Value>
</Setter>
<Setter Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="White" />
</Setter.Value>
</Setter>
<Setter Property="BorderBrush">
<Setter.Value>
<SolidColorBrush Color="#00FF00" />
</Setter.Value>
</Setter>
</Style>
But how can I set the disabled (IsEnabled=false) color?

Answer 1

If you're changing that much stuff you should probably go ahead and do at the actual Template level but if you're looking just for that brush you can either change it in the dictionary or override it wherever you want by just exposing the resource like;
<SolidColorBrush x:Key="ButtonDisabledBackgroundThemeBrush" Color="YourColor" />
oh, and if you want to cut down some of your xaml footprint you can condense what you're doing like;
<Style TargetType="Button" x:Key="ButtonStyle">
<Setter Property="Background" Value="#0000FF" />
<Setter Property="Foreground" Value="White" />
<Setter Property="BorderBrush" Value="#00FF00" />
</Style>
Hope this helps, cheers

Answer 2

Add a visual state in Common visual state in your button style like this =>
Here, i set the background button proterty to red.
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="#FFF01919"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>