<Styles xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:cc="using:SPTInstaller.CustomControls"> <Design.PreviewWith> <StackPanel Spacing="5" Background="{StaticResource AKI_Background_Dark}"> <Button Classes="icon" x:Name="testBtn"> <Path Data="{StaticResource Bug}" Fill="{Binding ElementName=testBtn, Path=Foreground}" /> </Button> <TextBox Text="Some cool text here" Margin="5" /> <TextBox Watermark="This is a watermark" Margin="5" /> </StackPanel> </Design.PreviewWith> <!-- Add Styles Here --> <!-- TitleBar Styles --> <Style Selector="cc|TitleBar"> <Setter Property="Background" Value="{StaticResource AKI_Background_Dark}" /> <Setter Property="Foreground" Value="{StaticResource AKI_Foreground_Light}" /> <Setter Property="ButtonForeground" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> </Style> <Style Selector="cc|TitleBar.versiontag"> <Setter Property="BorderBrush" Value="{StaticResource AKI_Brush_Yellow}" /> <Setter Property="BorderThickness" Value="0 0 0 2" /> </Style> <!-- TextBox Styles --> <!-- SourceRef: https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Themes.Fluent/Controls/TextBox.xaml --> <Style Selector="TextBox"> <Setter Property="Background" Value="{StaticResource AKI_Background_Light}" /> <Setter Property="FontWeight" Value="SemiBold" /> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Lighter}" /> </Style> <Style Selector="TextBox:focus"> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Lighter}" /> </Style> <Style Selector="TextBox:pointerover"> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Lighter}" /> </Style> <Style Selector="TextBox:pointerover /template/ Border#PART_BorderElement"> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="DimGray" /> </Style> <Style Selector="TextBox:pointerover /template/ TextBlock#PART_Watermark, TextBox:focus /template/ TextBlock#PART_FloatingWatermark"> <Setter Property="Foreground" Value="DimGray" /> </Style> <Style Selector="TextBox:focus /template/ TextBlock#PART_Watermark, TextBox:focus /template/ TextBlock#PART_FloatingWatermark"> <Setter Property="Foreground" Value="DimGray" /> </Style> <Style Selector="TextBox /template/ TextBlock#PART_Watermark, TextBox:focus /template/ TextBlock#PART_FloatingWatermark"> <Setter Property="Foreground" Value="White" /> </Style> <Style Selector="TextBox:focus /template/ Border#PART_BorderElement"> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="{StaticResource AKI_Brush_Yellow}" /> <Setter Property="BorderThickness" Value="1" /> </Style> <!-- TextBlock Styles --> <Style Selector="TextBlock"> <Setter Property="Foreground" Value="{StaticResource AKI_Foreground_Light}" /> </Style> <!-- Label Styles --> <!-- SourceRef: https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Themes.Fluent/Controls/Label.xaml --> <Style Selector="Label"> <Setter Property="Foreground" Value="{StaticResource AKI_Foreground_Light}" /> </Style> <Style Selector="Label.yellow"> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Yellow}" /> </Style> <Style Selector="Label.dark"> <Setter Property="Foreground" Value="DimGray" /> </Style> <Style Selector="Label.versionMismatch"> <Setter Property="Foreground" Value="OrangeRed" /> </Style> <!-- ProgressBar Styles --> <!-- SourceRef: https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Themes.Fluent/Controls/ProgressBar.xaml --> <Style Selector="ProgressBar"> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Yellow}" /> <Setter Property="Background" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> </Style> <Style Selector="ProgressBar.error"> <Setter Property="Foreground" Value="Red" /> <Style.Animations> <Animation Duration="0:0:0.5" FillMode="Forward"> <KeyFrame Cue="0%"> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Yellow}" /> <Setter Property="Value" Value="0" /> </KeyFrame> <KeyFrame Cue="100%"> <Setter Property="Foreground" Value="Red" /> <Setter Property="Value" Value="100" /> </KeyFrame> </Animation> </Style.Animations> </Style> <!-- Seperator Styles --> <!-- SourceRef: https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Themes.Fluent/Controls/Separator.xaml --> <Style Selector="Separator"> <Setter Property="Background" Value="{StaticResource AKI_Background_Dark}" /> </Style> <!-- Button Styles --> <!-- SourceRef: https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Themes.Fluent/Controls/Button.xaml --> <Style Selector="Button"> <Setter Property="Background" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> <Setter Property="Foreground" Value="{StaticResource AKI_White}" /> </Style> <Style Selector="Button:pointerover /template/ ContentPresenter"> <Setter Property="Background" Value="{StaticResource AKI_LightGrayBlue}" /> <Setter Property="BorderBrush" Value="{StaticResource AKI_LightGrayBlue}" /> <Setter Property="Foreground" Value="{StaticResource AKI_White}" /> <Setter Property="BorderThickness" Value="1" /> </Style> <Style Selector="Button:pressed /template/ ContentPresenter"> <Setter Property="Background" Value="{StaticResource AKI_Brush_Yellow}" /> </Style> <Style Selector="Button:disabled /template/ ContentPresenter"> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> </Style> <!-- Button yellow --> <Style Selector="Button.yellow"> <Setter Property="Background" Value="{StaticResource AKI_Brush_Yellow}" /> <Setter Property="Foreground" Value="{StaticResource AKI_Background_Dark}" /> <Setter Property="FontWeight" Value="SemiBold" /> </Style> <Style Selector="Button.yellow:pointerover"> <Setter Property="FontWeight" Value="SemiBold" /> </Style> <Style Selector="Button.yellow:pointerover /template/ ContentPresenter"> <Setter Property="Background" Value="Gold" /> <Setter Property="BorderBrush" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> <Setter Property="Foreground" Value="{StaticResource AKI_Background_Dark}" /> <Setter Property="BorderThickness" Value="1" /> </Style> <Style Selector="Button.yellow:pressed /template/ ContentPresenter"> <Setter Property="Background" Value="{StaticResource AKI_Brush_Lighter}" /> </Style> <Style Selector="Button.yellow:disabled /template/ ContentPresenter"> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> </Style> <!-- Button outlined Style --> <Style Selector="Button.outlined"> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Lighter}" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> <Setter Property="BorderThickness" Value="2" /> </Style> <Style Selector="Button.outlined:pointerover /template/ ContentPresenter"> <Setter Property="TextBlock.Foreground" Value="{StaticResource AKI_Brush_Yellow}" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="{StaticResource AKI_Brush_Yellow}" /> <Setter Property="BorderThickness" Value="2" /> </Style> <Style Selector="Button.outlined:pressed /template/ ContentPresenter"> <Setter Property="TextBlock.Foreground" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="Transparent" /> <Setter Property="BorderThickness" Value="0" /> </Style> <!-- Button Link Style --> <Style Selector="Button.link"> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Lighter}" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="Transparent" /> <Setter Property="BorderThickness" Value="0 0 0 1" /> <Setter Property="ContentTemplate"> <Setter.Value> <DataTemplate> <TextBlock Text="{Binding $parent[Button].Content}" TextDecorations="Underline" /> </DataTemplate> </Setter.Value> </Setter> </Style> <Style Selector="Button.link:pointerover TextBlock"> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Yellow}" /> </Style> <Style Selector="Button.link:pressed TextBlock"> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> </Style> <Style Selector="Button.link:pointerover /template/ ContentPresenter"> <Setter Property="TextBlock.Foreground" Value="{StaticResource AKI_Brush_Yellow}" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="Transparent" /> <Setter Property="BorderThickness" Value="0 0 0 1" /> </Style> <Style Selector="Button.link:pressed /template/ ContentPresenter"> <Setter Property="TextBlock.Foreground" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="Transparent" /> <Setter Property="BorderThickness" Value="0 0 0 1" /> </Style> <!-- Button outlinedTLCorner Style --> <Style Selector="Button.outlinedTLCorner"> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Lighter}" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> <Setter Property="BorderThickness" Value="2 2 0 0" /> </Style> <Style Selector="Button.outlinedTLCorner:pointerover /template/ ContentPresenter"> <Setter Property="TextBlock.Foreground" Value="{StaticResource AKI_Brush_Yellow}" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="{StaticResource AKI_Brush_Yellow}" /> <Setter Property="BorderThickness" Value="2 2 0 0" /> </Style> <Style Selector="Button.outlinedTLCorner:pressed /template/ ContentPresenter"> <Setter Property="TextBlock.Foreground" Value="{StaticResource AKI_Brush_DarkGrayBlue}" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="Transparent" /> <Setter Property="BorderThickness" Value="0" /> </Style> <!-- Button icon Style --> <Style Selector="Button.icon"> <Setter Property="Background" Value="Transparent" /> <Setter Property="Foreground" Value="White" /> </Style> <Style Selector="Button.icon:pointerover"> <Setter Property="Background" Value="Transparent" /> <Setter Property="Foreground" Value="{StaticResource AKI_Brush_Yellow}" /> </Style> <Style Selector="Button.icon:pointerover /template/ ContentPresenter"> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="Transparent" /> </Style> <Style Selector="Button.icon:pressed"> <Setter Property="Foreground" Value="{StaticResource AKI_DarkGrayBlue}"></Setter> </Style> </Styles>