270 lines
12 KiB
XML
270 lines
12 KiB
XML
<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 SPT_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 SPT_Background_Dark}" />
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_Foreground_Light}" />
|
|
<Setter Property="ButtonForeground" Value="{StaticResource SPT_Brush_DarkGrayBlue}" />
|
|
</Style>
|
|
|
|
<Style Selector="cc|TitleBar.versiontag">
|
|
<Setter Property="BorderBrush" Value="{StaticResource SPT_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 SPT_Background_Light}" />
|
|
<Setter Property="FontWeight" Value="SemiBold" />
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_Brush_Lighter}" />
|
|
</Style>
|
|
|
|
<Style Selector="TextBox:focus">
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_Brush_Lighter}" />
|
|
</Style>
|
|
|
|
<Style Selector="TextBox:pointerover">
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_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 SPT_Brush_Yellow}" />
|
|
<Setter Property="BorderThickness" Value="1" />
|
|
</Style>
|
|
|
|
<!-- TextBlock Styles -->
|
|
<Style Selector="TextBlock">
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_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 SPT_Foreground_Light}" />
|
|
</Style>
|
|
|
|
<Style Selector="Label.yellow">
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_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 SPT_Brush_Yellow}" />
|
|
<Setter Property="Background" Value="{StaticResource SPT_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 SPT_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 SPT_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 SPT_Brush_DarkGrayBlue}" />
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_White}" />
|
|
</Style>
|
|
|
|
<Style Selector="Button:pointerover /template/ ContentPresenter">
|
|
<Setter Property="Background" Value="{StaticResource SPT_LightGrayBlue}" />
|
|
<Setter Property="BorderBrush" Value="{StaticResource SPT_LightGrayBlue}" />
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_White}" />
|
|
<Setter Property="BorderThickness" Value="1" />
|
|
</Style>
|
|
|
|
<Style Selector="Button:pressed /template/ ContentPresenter">
|
|
<Setter Property="Background" Value="{StaticResource SPT_Brush_Yellow}" />
|
|
</Style>
|
|
|
|
<Style Selector="Button:disabled /template/ ContentPresenter">
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="BorderBrush" Value="{StaticResource SPT_Brush_DarkGrayBlue}" />
|
|
</Style>
|
|
|
|
<!-- Button yellow -->
|
|
<Style Selector="Button.yellow">
|
|
<Setter Property="Background" Value="{StaticResource SPT_Brush_Yellow}" />
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_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 SPT_Brush_DarkGrayBlue}" />
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_Background_Dark}" />
|
|
<Setter Property="BorderThickness" Value="1" />
|
|
</Style>
|
|
|
|
<Style Selector="Button.yellow:pressed /template/ ContentPresenter">
|
|
<Setter Property="Background" Value="{StaticResource SPT_Brush_Lighter}" />
|
|
</Style>
|
|
|
|
<Style Selector="Button.yellow:disabled /template/ ContentPresenter">
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="BorderBrush" Value="{StaticResource SPT_Brush_DarkGrayBlue}" />
|
|
</Style>
|
|
|
|
<!-- Button outlined Style -->
|
|
<Style Selector="Button.outlined">
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_Brush_Lighter}" />
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="BorderBrush" Value="{StaticResource SPT_Brush_DarkGrayBlue}" />
|
|
<Setter Property="BorderThickness" Value="2" />
|
|
</Style>
|
|
|
|
<Style Selector="Button.outlined:pointerover /template/ ContentPresenter">
|
|
<Setter Property="TextBlock.Foreground" Value="{StaticResource SPT_Brush_Yellow}" />
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="BorderBrush" Value="{StaticResource SPT_Brush_Yellow}" />
|
|
<Setter Property="BorderThickness" Value="2" />
|
|
</Style>
|
|
|
|
<Style Selector="Button.outlined:pressed /template/ ContentPresenter">
|
|
<Setter Property="TextBlock.Foreground" Value="{StaticResource SPT_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 SPT_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 SPT_Brush_Yellow}" />
|
|
</Style>
|
|
|
|
<Style Selector="Button.link:pressed TextBlock">
|
|
<Setter Property="Foreground" Value="{StaticResource SPT_Brush_DarkGrayBlue}" />
|
|
</Style>
|
|
|
|
<Style Selector="Button.link:pointerover /template/ ContentPresenter">
|
|
<Setter Property="TextBlock.Foreground" Value="{StaticResource SPT_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 SPT_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 SPT_Brush_Lighter}" />
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="BorderBrush" Value="{StaticResource SPT_Brush_DarkGrayBlue}" />
|
|
<Setter Property="BorderThickness" Value="2 2 0 0" />
|
|
</Style>
|
|
|
|
<Style Selector="Button.outlinedTLCorner:pointerover /template/ ContentPresenter">
|
|
<Setter Property="TextBlock.Foreground" Value="{StaticResource SPT_Brush_Yellow}" />
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="BorderBrush" Value="{StaticResource SPT_Brush_Yellow}" />
|
|
<Setter Property="BorderThickness" Value="2 2 0 0" />
|
|
</Style>
|
|
|
|
<Style Selector="Button.outlinedTLCorner:pressed /template/ ContentPresenter">
|
|
<Setter Property="TextBlock.Foreground" Value="{StaticResource SPT_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 SPT_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 SPT_DarkGrayBlue}"></Setter>
|
|
</Style>
|
|
</Styles> |