56d5c38ab1
- Version cards: release dates + supported OS (no LTSC/Version 16.0) - Fluent ComboBox: rounded corners, shadow dropdown, chevron icon - Fluent CheckBox: custom blue checkbox with MDL2 checkmark, hover states - Fluent TextBox: rounded corners, blue bottom border on focus - 64-bit labeled "(ajánlott)" Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
260 sor
16 KiB
XML
260 sor
16 KiB
XML
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
|
|
|
<!-- Fluent ComboBox with rounded corners and custom dropdown -->
|
|
<Style x:Key="FluentComboBox" TargetType="ComboBox">
|
|
<Setter Property="FontFamily" Value="Segoe UI Variable Display, Segoe UI, Arial"/>
|
|
<Setter Property="FontSize" Value="14"/>
|
|
<Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/>
|
|
<Setter Property="Background" Value="{StaticResource CardBrush}"/>
|
|
<Setter Property="BorderBrush" Value="{StaticResource BorderBrush}"/>
|
|
<Setter Property="BorderThickness" Value="1"/>
|
|
<Setter Property="Padding" Value="12,9"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="ItemContainerStyle">
|
|
<Setter.Value>
|
|
<Style TargetType="ComboBoxItem">
|
|
<Setter Property="FontFamily" Value="Segoe UI Variable Display, Segoe UI, Arial"/>
|
|
<Setter Property="FontSize" Value="14"/>
|
|
<Setter Property="Padding" Value="12,8"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ComboBoxItem">
|
|
<Border x:Name="itemBorder" Background="Transparent"
|
|
Padding="{TemplateBinding Padding}" CornerRadius="4" Margin="2,1">
|
|
<ContentPresenter/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="itemBorder" Property="Background" Value="#E8E8E8"/>
|
|
</Trigger>
|
|
<Trigger Property="IsSelected" Value="True">
|
|
<Setter TargetName="itemBorder" Property="Background" Value="#DCE8F8"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ComboBox">
|
|
<Grid>
|
|
<ToggleButton x:Name="ToggleButton" Focusable="False"
|
|
IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
|
|
ClickMode="Press">
|
|
<ToggleButton.Template>
|
|
<ControlTemplate TargetType="ToggleButton">
|
|
<Border x:Name="toggleBorder"
|
|
Background="{StaticResource CardBrush}"
|
|
BorderBrush="{StaticResource BorderBrush}"
|
|
BorderThickness="1" CornerRadius="6"
|
|
SnapsToDevicePixels="True">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition/>
|
|
<ColumnDefinition Width="36"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Border Grid.Column="1">
|
|
<TextBlock Text="" FontFamily="Segoe MDL2 Assets"
|
|
FontSize="10" HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
Foreground="{StaticResource TextSecondaryBrush}"/>
|
|
</Border>
|
|
</Grid>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="toggleBorder" Property="BorderBrush" Value="{StaticResource AccentBrush}"/>
|
|
</Trigger>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="toggleBorder" Property="BorderBrush" Value="{StaticResource AccentBrush}"/>
|
|
<Setter TargetName="toggleBorder" Property="BorderThickness" Value="1,1,1,2"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</ToggleButton.Template>
|
|
</ToggleButton>
|
|
<ContentPresenter x:Name="ContentSite" IsHitTestVisible="False"
|
|
Content="{TemplateBinding SelectionBoxItem}"
|
|
ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
|
|
Margin="14,9,36,9"
|
|
VerticalAlignment="Center" HorizontalAlignment="Left"/>
|
|
<Popup x:Name="Popup" Placement="Bottom"
|
|
IsOpen="{TemplateBinding IsDropDownOpen}"
|
|
AllowsTransparency="True" Focusable="False"
|
|
PopupAnimation="Slide">
|
|
<Border x:Name="DropDownBorder" Background="{StaticResource CardBrush}"
|
|
BorderBrush="{StaticResource BorderBrush}" BorderThickness="1"
|
|
CornerRadius="8" Padding="4"
|
|
MinWidth="{TemplateBinding ActualWidth}"
|
|
MaxHeight="{TemplateBinding MaxDropDownHeight}"
|
|
Margin="0,2,0,0"
|
|
SnapsToDevicePixels="True">
|
|
<Border.Effect>
|
|
<DropShadowEffect ShadowDepth="4" BlurRadius="16" Opacity="0.14" Color="Black"/>
|
|
</Border.Effect>
|
|
<ScrollViewer SnapsToDevicePixels="True">
|
|
<StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained"/>
|
|
</ScrollViewer>
|
|
</Border>
|
|
</Popup>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- Fluent TextBox with rounded corners -->
|
|
<Style x:Key="FluentTextBox" TargetType="TextBox">
|
|
<Setter Property="FontFamily" Value="Segoe UI Variable Display, Segoe UI, Arial"/>
|
|
<Setter Property="FontSize" Value="16"/>
|
|
<Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/>
|
|
<Setter Property="CaretBrush" Value="{StaticResource AccentBrush}"/>
|
|
<Setter Property="SelectionBrush" Value="{StaticResource AccentBrush}"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="TextBox">
|
|
<Border x:Name="border" Background="{StaticResource CardBrush}"
|
|
BorderBrush="{StaticResource BorderBrush}" BorderThickness="1"
|
|
CornerRadius="6" Padding="10,8" SnapsToDevicePixels="True">
|
|
<ScrollViewer x:Name="PART_ContentHost" Focusable="False"/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="border" Property="BorderBrush" Value="#BBBBBB"/>
|
|
</Trigger>
|
|
<Trigger Property="IsFocused" Value="True">
|
|
<Setter TargetName="border" Property="BorderBrush" Value="{StaticResource AccentBrush}"/>
|
|
<Setter TargetName="border" Property="BorderThickness" Value="1,1,1,2"/>
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="border" Property="Background" Value="#F0F0F0"/>
|
|
<Setter Property="Foreground" Value="#999999"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- Card-style RadioButton -->
|
|
<Style x:Key="CardRadioButton" TargetType="RadioButton">
|
|
<Setter Property="FontFamily" Value="Segoe UI Variable Display, Segoe UI, Arial"/>
|
|
<Setter Property="FontSize" Value="15"/>
|
|
<Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="Padding" Value="16,14"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="RadioButton">
|
|
<Border x:Name="border"
|
|
Background="{StaticResource CardBrush}"
|
|
BorderBrush="{StaticResource BorderBrush}"
|
|
BorderThickness="1"
|
|
CornerRadius="8"
|
|
Padding="{TemplateBinding Padding}"
|
|
SnapsToDevicePixels="True">
|
|
<Border.Effect>
|
|
<DropShadowEffect ShadowDepth="1" BlurRadius="6" Opacity="0.06" Color="Black"/>
|
|
</Border.Effect>
|
|
<ContentPresenter VerticalAlignment="Center"/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="border" Property="BorderBrush" Value="{StaticResource AccentBrush}"/>
|
|
<Setter TargetName="border" Property="Background" Value="#FAFCFF"/>
|
|
</Trigger>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="border" Property="BorderBrush" Value="{StaticResource AccentBrush}"/>
|
|
<Setter TargetName="border" Property="BorderThickness" Value="2"/>
|
|
<Setter TargetName="border" Property="Background" Value="#F0F6FF"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- Fluent CheckBox with custom box -->
|
|
<Style x:Key="FluentCheckBox" TargetType="CheckBox">
|
|
<Setter Property="FontFamily" Value="Segoe UI Variable Display, Segoe UI, Arial"/>
|
|
<Setter Property="FontSize" Value="14"/>
|
|
<Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/>
|
|
<Setter Property="Cursor" Value="Hand"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="CheckBox">
|
|
<Border x:Name="rootBorder" Background="Transparent" Padding="6,8" CornerRadius="6"
|
|
SnapsToDevicePixels="True">
|
|
<StackPanel Orientation="Horizontal">
|
|
<Border x:Name="checkBorder" Width="20" Height="20"
|
|
CornerRadius="4" BorderThickness="2"
|
|
BorderBrush="{StaticResource BorderBrush}"
|
|
Background="{StaticResource CardBrush}"
|
|
VerticalAlignment="Center" Margin="0,0,10,0">
|
|
<TextBlock x:Name="checkMark" Text=""
|
|
FontFamily="Segoe MDL2 Assets" FontSize="12"
|
|
HorizontalAlignment="Center" VerticalAlignment="Center"
|
|
Foreground="White" Visibility="Collapsed"/>
|
|
</Border>
|
|
<ContentPresenter VerticalAlignment="Center" RecognizesAccessKey="True"/>
|
|
</StackPanel>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="rootBorder" Property="Background" Value="#F5F5F5"/>
|
|
<Setter TargetName="checkBorder" Property="BorderBrush" Value="#999"/>
|
|
</Trigger>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="checkBorder" Property="Background" Value="{StaticResource AccentBrush}"/>
|
|
<Setter TargetName="checkBorder" Property="BorderBrush" Value="{StaticResource AccentBrush}"/>
|
|
<Setter TargetName="checkMark" Property="Visibility" Value="Visible"/>
|
|
</Trigger>
|
|
<MultiTrigger>
|
|
<MultiTrigger.Conditions>
|
|
<Condition Property="IsChecked" Value="True"/>
|
|
<Condition Property="IsMouseOver" Value="True"/>
|
|
</MultiTrigger.Conditions>
|
|
<Setter TargetName="checkBorder" Property="Background" Value="{StaticResource AccentHoverBrush}"/>
|
|
<Setter TargetName="checkBorder" Property="BorderBrush" Value="{StaticResource AccentHoverBrush}"/>
|
|
<Setter TargetName="rootBorder" Property="Background" Value="#F5F5F5"/>
|
|
</MultiTrigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter TargetName="rootBorder" Property="Opacity" Value="0.5"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- Step indicator dot (active) -->
|
|
<Style x:Key="StepDotActive" TargetType="Ellipse">
|
|
<Setter Property="Width" Value="10"/>
|
|
<Setter Property="Height" Value="10"/>
|
|
<Setter Property="Fill" Value="{StaticResource AccentBrush}"/>
|
|
<Setter Property="Margin" Value="4,0"/>
|
|
</Style>
|
|
|
|
<!-- Step indicator dot (inactive) -->
|
|
<Style x:Key="StepDotInactive" TargetType="Ellipse">
|
|
<Setter Property="Width" Value="8"/>
|
|
<Setter Property="Height" Value="8"/>
|
|
<Setter Property="Fill" Value="{StaticResource BorderBrush}"/>
|
|
<Setter Property="Margin" Value="4,0"/>
|
|
</Style>
|
|
|
|
<!-- Progress bar -->
|
|
<Style x:Key="FluentProgressBar" TargetType="ProgressBar">
|
|
<Setter Property="Height" Value="4"/>
|
|
<Setter Property="Background" Value="{StaticResource BorderBrush}"/>
|
|
<Setter Property="Foreground" Value="{StaticResource AccentBrush}"/>
|
|
<Setter Property="BorderThickness" Value="0"/>
|
|
</Style>
|
|
|
|
</ResourceDictionary>
|