How to make accent color button?

[DmitryBorodiy]

How I can make button accent in FluentAvalonia? Something like in UWP AccentButtonStyle.

[robloo]

FluentAvalonia has this style already built in. Just set Classes="accent" on any Button.

FluentAvalonia/src/FluentAvalonia/Styling/ControlThemes/BasicControls/ButtonStyles.axaml

Lines 82 to 107 in d9a80ed

	<!--Accent Button-->
	<Style Selector="^.accent">
	<Style Selector="^ /template/ ContentPresenter#PART_ContentPresenter">
	<Setter Property="Background" Value="{DynamicResource AccentButtonBackground}" />
	<Setter Property="BorderBrush" Value="{DynamicResource AccentButtonBorderBrush}" />
	<Setter Property="Foreground" Value="{DynamicResource AccentButtonForeground}" />
	</Style>
	<Style Selector="^:pointerover /template/ ContentPresenter#PART_ContentPresenter">
	<Setter Property="Background" Value="{DynamicResource AccentButtonBackgroundPointerOver}" />
	<Setter Property="BorderBrush" Value="{DynamicResource AccentButtonBorderBrushPointerOver}" />
	<Setter Property="Foreground" Value="{DynamicResource AccentButtonForegroundPointerOver}" />
	</Style>
	<Style Selector="^:pressed /template/ ContentPresenter#PART_ContentPresenter">
	<Setter Property="Background" Value="{DynamicResource AccentButtonBackgroundPressed}" />
	<Setter Property="BorderBrush" Value="{DynamicResource AccentButtonBorderBrushPressed}" />
	<Setter Property="Foreground" Value="{DynamicResource AccentButtonForegroundPressed}" />
	</Style>
	<Style Selector="^:disabled /template/ ContentPresenter#PART_ContentPresenter">
	<Setter Property="Background" Value="{DynamicResource AccentButtonBackgroundDisabled}" />
	<Setter Property="BorderBrush" Value="{DynamicResource AccentButtonBorderBrushDisabled}" />
	<Setter Property="Foreground" Value="{DynamicResource AccentButtonForegroundDisabled}" />
	</Style>
	</Style>

Avalonia's styling system is quite different in some areas and this more closely follows the CSS way of doing things.

[DmitryBorodiy]

Thanks!