Files
lagerprogramm/AppTheme.axaml
joel.leirer fb1f90a9ca Added Slop
2026-08-25 17:14:54 +02:00

68 lines
4.8 KiB
XML

<ResourceDictionary xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Color x:Key="ThemeBackgroundColor">#292929</Color>
<Color x:Key="ThemeSurfaceColor">#5D5A5A</Color>
<Color x:Key="ThemeForegroundColor">#C9CAFF</Color>
<Color x:Key="ThemeHighlightColor">#266999</Color>
<Color x:Key="ThemeOutlineColor">#767676</Color>
<Color x:Key="ThemeHighlightOutlineColor">#FFFEFEFE</Color>
<SolidColorBrush x:Key="ThemeBackgroundBrush" Color="{StaticResource ThemeBackgroundColor}" />
<SolidColorBrush x:Key="ThemeSurfaceBrush" Color="{StaticResource ThemeSurfaceColor}" />
<SolidColorBrush x:Key="ThemeForegroundBrush" Color="{StaticResource ThemeForegroundColor}" />
<SolidColorBrush x:Key="ThemeHighlightBrush" Color="{StaticResource ThemeHighlightColor}" />
<SolidColorBrush x:Key="ThemeOutlineBrush" Color="{StaticResource ThemeOutlineColor}" />
<SolidColorBrush x:Key="ThemeHighlightOutlineBrush" Color="{StaticResource ThemeHighlightOutlineColor}" />
<Design.PreviewWith>
<Border Background="{StaticResource ThemeBackgroundBrush}" Padding="20">
<StackPanel Spacing="16">
<TextBlock Text="Theme Colors" Classes="subheader" Foreground="{StaticResource ThemeForegroundBrush}"/>
<StackPanel Orientation="Horizontal" Spacing="12">
<StackPanel Spacing="4">
<Border Width="64" Height="64" Background="{StaticResource ThemeBackgroundBrush}" BorderBrush="{StaticResource ThemeForegroundBrush}" BorderThickness="1" CornerRadius="4"/>
<TextBlock Text="Background" Classes="caption" Foreground="{StaticResource ThemeForegroundBrush}" HorizontalAlignment="Center"/>
</StackPanel>
<StackPanel Spacing="4">
<Border Width="64" Height="64" Background="{StaticResource ThemeSurfaceBrush}" BorderBrush="{StaticResource ThemeForegroundBrush}" BorderThickness="1" CornerRadius="4"/>
<TextBlock Text="Surface" Classes="caption" Foreground="{StaticResource ThemeForegroundBrush}" HorizontalAlignment="Center"/>
</StackPanel>
<StackPanel Spacing="4">
<Border Width="64" Height="64" Background="{StaticResource ThemeForegroundBrush}" BorderBrush="{StaticResource ThemeBackgroundBrush}" BorderThickness="1" CornerRadius="4"/>
<TextBlock Text="Foreground" Classes="caption" Foreground="{StaticResource ThemeForegroundBrush}" HorizontalAlignment="Center"/>
</StackPanel>
<StackPanel Spacing="4">
<Border Width="64" Height="64" Background="{StaticResource ThemeHighlightBrush}" BorderBrush="{StaticResource ThemeForegroundBrush}" BorderThickness="1" CornerRadius="4"/>
<TextBlock Text="Highlight" Classes="caption" Foreground="{StaticResource ThemeForegroundBrush}" HorizontalAlignment="Center"/>
</StackPanel>
<StackPanel Spacing="4">
<Border Width="64" Height="64" Background="{StaticResource ThemeBackgroundBrush}" BorderBrush="{StaticResource ThemeOutlineBrush}" BorderThickness="2" CornerRadius="4"/>
<TextBlock Text="Outline" Classes="caption" Foreground="{StaticResource ThemeForegroundBrush}" HorizontalAlignment="Center"/>
</StackPanel>
<StackPanel Spacing="4">
<Border Width="64" Height="64" Background="{StaticResource ThemeBackgroundBrush}" BorderBrush="{StaticResource ThemeHighlightOutlineBrush}" BorderThickness="2" CornerRadius="4"/>
<TextBlock Text="Hilit. Outline" Classes="caption" Foreground="{StaticResource ThemeForegroundBrush}" HorizontalAlignment="Center"/>
</StackPanel>
</StackPanel>
<TextBlock Text="Typography" Classes="subheader" Foreground="{StaticResource ThemeForegroundBrush}" Margin="0,8,0,0"/>
<StackPanel Spacing="6">
<TextBlock Text="TextBlock.header (Bold, 16)" Classes="header" Foreground="{StaticResource ThemeForegroundBrush}"/>
<TextBlock Text="TextBlock.subheader (Bold)" Classes="subheader" Foreground="{StaticResource ThemeForegroundBrush}"/>
<TextBlock Text="TextBlock.caption (11, opacity 0.8)" Classes="caption" Foreground="{StaticResource ThemeForegroundBrush}"/>
<TextBlock Text="TextBlock.captionMedium (11, opacity 0.7)" Classes="captionMedium" Foreground="{StaticResource ThemeForegroundBrush}"/>
<TextBlock Text="TextBlock.captionMuted (11, opacity 0.6)" Classes="captionMuted" Foreground="{StaticResource ThemeForegroundBrush}"/>
</StackPanel>
<TextBlock Text="Buttons" Classes="subheader" Foreground="{StaticResource ThemeForegroundBrush}" Margin="0,8,0,0"/>
<StackPanel Orientation="Horizontal" Spacing="8">
<Button Classes="navButton" Content="navButton"/>
<Button Content="Default Button"/>
</StackPanel>
</StackPanel>
</Border>
</Design.PreviewWith>
</ResourceDictionary>