You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
403 lines
20 KiB
403 lines
20 KiB
<Styles xmlns="https://github.com/avaloniaui" |
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
|
xmlns:ui="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"> |
|
<Design.PreviewWith> |
|
<Border Padding="20"> |
|
<ui:CommandBar |
|
Margin="8" |
|
VerticalAlignment="Center" |
|
VerticalContentAlignment="Center" |
|
HorizontalAlignment="Left" |
|
HorizontalContentAlignment="Left" |
|
DefaultLabelPosition="Right"> |
|
<ui:CommandBar.PrimaryCommands> |
|
<ui:CommandBarButton Classes="success" Label="Success Button" Margin="8" |
|
HorizontalAlignment="Center" /> |
|
<ui:CommandBarButton Classes="accent" Label="FA Accent Button" Margin="8" |
|
HorizontalAlignment="Center" /> |
|
<ui:CommandBarButton Classes="systemaccent" Label="System Accent Button" Margin="8" |
|
HorizontalAlignment="Center" /> |
|
<ui:CommandBarButton Classes="danger" Label="Danger Button" Margin="8" HorizontalAlignment="Center" /> |
|
<ui:CommandBarButton Classes="info" Label="Info Button" Margin="8" HorizontalAlignment="Center" /> |
|
<ui:CommandBarButton Classes="transparent-info" Label="Semi-Transparent Info Button" Margin="8" |
|
HorizontalAlignment="Center" /> |
|
<ui:CommandBarButton Classes="transparent" Label="Transparent Button" Margin="8" |
|
HorizontalAlignment="Center" /> |
|
<ui:CommandBarButton Classes="transparent-full" Label="Transparent Button" Margin="8" |
|
HorizontalAlignment="Center" /> |
|
<ui:CommandBarButton Label="Disabled Button" Margin="8" IsEnabled="False" |
|
HorizontalAlignment="Center" /> |
|
</ui:CommandBar.PrimaryCommands> |
|
</ui:CommandBar> |
|
</Border> |
|
</Design.PreviewWith> |
|
|
|
<!-- Success --> |
|
<Style Selector="ui|CommandBarButton.success"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeGreenColor}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeGreenColor}" /> |
|
</Style> |
|
<Style Selector="^ /template/ TextBlock#TextLabel"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" /> |
|
</Style> |
|
|
|
<Style Selector="^:pointerover"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeDarkGreenColor}"/> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeDarkGreenColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="Green" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:pressed"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeDarkDarkGreenColor}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeDarkDarkGreenColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPressed}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:disabled"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundDisabled}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrushDisabled}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundDisabled}" /> |
|
</Style> |
|
</Style> |
|
</Style> |
|
|
|
<!-- Danger --> |
|
<Style Selector="ui|CommandBarButton.danger"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeRedColor}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeRedColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" /> |
|
</Style> |
|
|
|
<Style Selector="^:pointerover"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeDarkRedColor}"/> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeDarkRedColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPointerOver}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:pressed"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeDarkDarkRedColor}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeDarkDarkRedColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPressed}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:disabled"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundDisabled}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrushDisabled}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundDisabled}" /> |
|
</Style> |
|
</Style> |
|
</Style> |
|
|
|
<!-- Info --> |
|
<Style Selector="ui|CommandBarButton.info"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeLightBlueColor}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeLightBlueColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" /> |
|
</Style> |
|
|
|
<Style Selector="^:pointerover"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeBlueColor}"/> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeBlueColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPointerOver}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:pressed"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeDarkBlueColor}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeDarkBlueColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPressed}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:disabled"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundDisabled}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrushDisabled}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundDisabled}" /> |
|
</Style> |
|
</Style> |
|
</Style> |
|
|
|
<!--Accent Button--> |
|
<Style Selector="ui|CommandBarButton.accent"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource AccentButtonBackground}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource AccentButtonBorderBrush}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource AccentButtonForeground}" /> |
|
</Style> |
|
|
|
<Style Selector="^:pointerover"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource AccentButtonBackgroundPointerOver}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource AccentButtonBorderBrushPointerOver}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource AccentButtonForegroundPointerOver}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:pressed"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource AccentButtonBackgroundPressed}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource AccentButtonBorderBrushPressed}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource AccentButtonForegroundPressed}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:disabled"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource AccentButtonBackgroundDisabled}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource AccentButtonBorderBrushDisabled}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource AccentButtonForegroundDisabled}" /> |
|
</Style> |
|
</Style> |
|
</Style> |
|
|
|
<!-- SystemAccent --> |
|
<Style Selector="ui|CommandBarButton.systemaccent"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource SystemAccentColor}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource SystemAccentColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" /> |
|
</Style> |
|
|
|
<Style Selector="^:pointerover"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource SystemAccentColorDark1}"/> |
|
<Setter Property="BorderBrush" Value="{DynamicResource SystemAccentColorDark1}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPointerOver}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:pressed"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource SystemAccentColorDark2}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource SystemAccentColorDark2}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPressed}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:disabled"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundDisabled}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrushDisabled}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundDisabled}" /> |
|
</Style> |
|
</Style> |
|
</Style> |
|
|
|
<!-- Transparent --> |
|
<Style Selector="ui|CommandBarButton.transparent"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource SystemControlTransparentBrush}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrush}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" /> |
|
</Style> |
|
|
|
<Style Selector="^:pointerover"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundDisabled}"/> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBackgroundDisabled}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPointerOver}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:pressed"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundPressed}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBackgroundPressed}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPressed}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:disabled"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundDisabled}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrushDisabled}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundDisabled}" /> |
|
</Style> |
|
</Style> |
|
</Style> |
|
|
|
<!-- Semi-Transparent Info --> |
|
<Style Selector="ui|CommandBarButton.transparent-info"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeLightBlueColorTransparent}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeLightBlueColorTransparent}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" /> |
|
</Style> |
|
|
|
<Style Selector="^:pointerover"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeBlueColorTransparent}"/> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeBlueColorTransparent}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPointerOver}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:pressed"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeDarkBlueColorTransparent}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeDarkBlueColorTransparent}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPressed}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:disabled"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundDisabled}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrushDisabled}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundDisabled}" /> |
|
</Style> |
|
</Style> |
|
</Style> |
|
|
|
<!-- Transparent red --> |
|
<Style Selector="ui|CommandBarButton.transparent-red"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource SystemControlTransparentBrush}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrush}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" /> |
|
</Style> |
|
|
|
<Style Selector="^:pointerover"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeCoralRedColor}"/> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeCoralRedColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPointerOver}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:pressed"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ThemeDarkCoralRedColor}"/> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ThemeDarkCoralRedColor}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPressed}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:disabled"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundDisabled}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrushDisabled}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundDisabled}" /> |
|
</Style> |
|
</Style> |
|
</Style> |
|
|
|
<!-- Full Transparent --> |
|
<Style Selector="ui|CommandBarButton.transparent-full"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource SystemControlTransparentBrush}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource SystemControlTransparentBrush}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" /> |
|
</Style> |
|
|
|
<Style Selector="^:pointerover"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundDisabled}"/> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBackgroundDisabled}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPointerOver}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:pressed"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource ButtonBackgroundPressed}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBackgroundPressed}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPressed}" /> |
|
</Style> |
|
</Style> |
|
|
|
<Style Selector="^:disabled"> |
|
<Style Selector="^ /template/ Border#AppBarButtonInnerBorder"> |
|
<Setter Property="Background" Value="{DynamicResource SystemControlTransparentBrush}" /> |
|
<Setter Property="BorderBrush" Value="{DynamicResource SystemControlTransparentBrush}" /> |
|
</Style> |
|
<Style Selector="^"> |
|
<Setter Property="Foreground" Value="{DynamicResource ButtonForegroundDisabled}" /> |
|
</Style> |
|
</Style> |
|
</Style> |
|
</Styles>
|
|
|