Files
LanMountainDesktop/LanMontainDesktop/Styles/GlassModule.axaml

174 lines
8.4 KiB
Plaintext
Raw Normal View History

2026-02-27 19:27:38 +08:00
<Styles xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:ui="using:FluentAvalonia.UI.Controls">
2026-03-03 04:56:04 +08:00
<Styles.Resources>
<!-- Unified corner radius tokens used across settings and widget panels -->
<CornerRadius x:Key="DesignCornerRadiusXl">32</CornerRadius>
<CornerRadius x:Key="DesignCornerRadiusLg">28</CornerRadius>
<CornerRadius x:Key="DesignCornerRadiusMd">20</CornerRadius>
<CornerRadius x:Key="DesignCornerRadiusSm">14</CornerRadius>
<CornerRadius x:Key="DesignCornerRadiusXs">12</CornerRadius>
</Styles.Resources>
2026-02-28 03:00:25 +08:00
<Style Selector="TextBlock">
<Setter Property="Foreground" Value="{DynamicResource AdaptiveTextPrimaryBrush}" />
</Style>
2026-02-27 19:27:38 +08:00
<Style Selector="Button">
<Setter Property="Background" Value="{DynamicResource AdaptiveButtonBackgroundBrush}" />
<Setter Property="BorderThickness" Value="1" />
2026-02-28 03:00:25 +08:00
<Setter Property="BorderBrush" Value="{DynamicResource AdaptiveButtonBorderBrush}" />
2026-03-02 20:02:14 +08:00
<Setter Property="CornerRadius" Value="20" />
2026-02-27 19:27:38 +08:00
<Setter Property="Foreground" Value="{DynamicResource AdaptiveTextPrimaryBrush}" />
2026-02-28 04:23:28 +08:00
<Setter Property="FontSize" Value="14" />
<Setter Property="Padding" Value="16,10" />
2026-02-28 03:00:25 +08:00
<Setter Property="Transitions">
<Transitions>
2026-02-28 04:23:28 +08:00
<TransformOperationsTransition Property="RenderTransform" Duration="0:0:0.12" />
<DoubleTransition Property="Opacity" Duration="0:0:0.12" />
<BrushTransition Property="Background" Duration="0:0:0.12" />
2026-02-28 03:00:25 +08:00
</Transitions>
</Setter>
2026-02-27 19:27:38 +08:00
</Style>
<Style Selector="Button:pointerover">
<Setter Property="Background" Value="{DynamicResource AdaptiveButtonHoverBackgroundBrush}" />
2026-02-28 04:23:28 +08:00
<Setter Property="RenderTransform" Value="scale(1.015)" />
2026-02-27 19:27:38 +08:00
</Style>
<Style Selector="Button:pressed">
<Setter Property="Background" Value="{DynamicResource AdaptiveButtonPressedBackgroundBrush}" />
2026-02-28 04:23:28 +08:00
<Setter Property="RenderTransform" Value="scale(0.985)" />
2026-02-27 19:27:38 +08:00
</Style>
<Style Selector="ComboBox">
<Setter Property="Background" Value="{DynamicResource AdaptiveButtonBackgroundBrush}" />
<Setter Property="BorderThickness" Value="1" />
2026-02-28 03:00:25 +08:00
<Setter Property="BorderBrush" Value="{DynamicResource AdaptiveButtonBorderBrush}" />
2026-02-27 19:27:38 +08:00
<Setter Property="Foreground" Value="{DynamicResource AdaptiveTextPrimaryBrush}" />
</Style>
<Style Selector="ComboBox:pointerover">
<Setter Property="Background" Value="{DynamicResource AdaptiveButtonHoverBackgroundBrush}" />
</Style>
<Style Selector="ui|NumberBox">
<Setter Property="Background" Value="{DynamicResource AdaptiveButtonBackgroundBrush}" />
<Setter Property="BorderThickness" Value="1" />
2026-02-28 03:00:25 +08:00
<Setter Property="BorderBrush" Value="{DynamicResource AdaptiveButtonBorderBrush}" />
2026-02-27 19:27:38 +08:00
<Setter Property="Foreground" Value="{DynamicResource AdaptiveTextPrimaryBrush}" />
</Style>
<Style Selector="ToggleSwitch">
<Setter Property="Foreground" Value="{DynamicResource AdaptiveTextPrimaryBrush}" />
</Style>
2026-03-03 04:56:04 +08:00
<Style Selector="Grid.settings-scope Border.settings-expander-shell">
<Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusSm}" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="BorderBrush" Value="{DynamicResource AdaptiveGlassPanelBorderBrush}" />
<Setter Property="Background" Value="{DynamicResource AdaptiveButtonBackgroundBrush}" />
<Setter Property="Padding" Value="10,8" />
<Setter Property="Margin" Value="0,0,0,10" />
</Style>
<Style Selector="Grid.settings-scope Button">
<Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusSm}" />
<Setter Property="MinHeight" Value="34" />
</Style>
<Style Selector="Grid.settings-scope ComboBox">
<Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusSm}" />
<Setter Property="MinHeight" Value="34" />
</Style>
<Style Selector="Grid.settings-scope ComboBoxItem">
<Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusXs}" />
<Setter Property="Padding" Value="10,6" />
<Setter Property="Margin" Value="4,2" />
</Style>
<Style Selector="Grid.settings-scope ui|NumberBox">
<Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusSm}" />
<Setter Property="MinHeight" Value="34" />
</Style>
<Style Selector="Grid.settings-scope RadioButton">
<Setter Property="Background" Value="{DynamicResource AdaptiveButtonBackgroundBrush}" />
<Setter Property="BorderBrush" Value="{DynamicResource AdaptiveButtonBorderBrush}" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusXs}" />
<Setter Property="Padding" Value="10,6" />
<Setter Property="MinHeight" Value="34" />
</Style>
<Style Selector="Grid.settings-scope RadioButton:pointerover">
<Setter Property="Background" Value="{DynamicResource AdaptiveButtonHoverBackgroundBrush}" />
</Style>
<Style Selector="Grid.settings-scope RadioButton:checked">
<Setter Property="Background" Value="{DynamicResource AdaptiveNavItemSelectedBackgroundBrush}" />
</Style>
2026-02-28 03:00:25 +08:00
<Style Selector="Button.swatch-button">
<Setter Property="BorderThickness" Value="0" />
2026-03-02 20:02:14 +08:00
<Setter Property="CornerRadius" Value="16" />
2026-02-28 03:00:25 +08:00
<Setter Property="Opacity" Value="0.88" />
</Style>
<Style Selector="Button.swatch-button.swatch-selected">
<Setter Property="Background" Value="{DynamicResource AdaptiveNavItemSelectedBackgroundBrush}" />
<Setter Property="Opacity" Value="1" />
<Setter Property="RenderTransform" Value="scale(1.05)" />
</Style>
2026-02-27 19:27:38 +08:00
<Style Selector="Border.glass-panel">
<Setter Property="Background" Value="{DynamicResource AdaptiveGlassPanelBackgroundBrush}" />
<Setter Property="BorderBrush" Value="{DynamicResource AdaptiveGlassPanelBorderBrush}" />
2026-03-02 20:02:14 +08:00
<Setter Property="BorderThickness" Value="1.2" />
<Setter Property="CornerRadius" Value="28" />
2026-02-28 03:00:25 +08:00
<Setter Property="Opacity" Value="{DynamicResource AdaptiveGlassPanelOpacity}" />
2026-03-02 20:02:14 +08:00
<Setter Property="BoxShadow" Value="0 4 12 #1A000000" />
2026-02-27 19:27:38 +08:00
</Style>
<Style Selector="Border.glass-strong">
<Setter Property="Background" Value="{DynamicResource AdaptiveGlassStrongBackgroundBrush}" />
<Setter Property="BorderBrush" Value="{DynamicResource AdaptiveGlassStrongBorderBrush}" />
2026-03-02 20:02:14 +08:00
<Setter Property="BorderThickness" Value="1.5" />
<Setter Property="CornerRadius" Value="32" />
2026-02-28 03:00:25 +08:00
<Setter Property="Opacity" Value="{DynamicResource AdaptiveGlassStrongOpacity}" />
2026-03-02 20:02:14 +08:00
<Setter Property="BoxShadow" Value="0 8 24 #26000000" />
</Style>
<Style Selector="Border.glass-island">
<Setter Property="Background" Value="{DynamicResource AdaptiveGlassStrongBackgroundBrush}" />
<Setter Property="BorderBrush" Value="{DynamicResource AdaptiveGlassStrongBorderBrush}" />
<Setter Property="BorderThickness" Value="1.5" />
<Setter Property="CornerRadius" Value="36" />
<Setter Property="Opacity" Value="{DynamicResource AdaptiveGlassStrongOpacity}" />
<Setter Property="BoxShadow" Value="0 12 32 #33000000" />
<Setter Property="Transitions">
<Transitions>
<ThicknessTransition Property="Padding" Duration="0:0:0.2" Easing="QuarticEaseOut" />
</Transitions>
</Setter>
2026-02-28 03:00:25 +08:00
</Style>
2026-03-01 00:34:07 +08:00
<Style Selector="Border.mica-strong">
<Setter Property="Background" Value="{DynamicResource AdaptiveGlassStrongBackgroundBrush}" />
<Setter Property="BorderThickness" Value="0" />
2026-03-02 20:02:14 +08:00
<Setter Property="CornerRadius" Value="36" />
2026-03-01 00:34:07 +08:00
<Setter Property="Opacity" Value="{DynamicResource AdaptiveGlassStrongOpacity}" />
<Setter Property="BoxShadow" Value="0 8 22 #2A000000" />
</Style>
2026-02-28 03:00:25 +08:00
<Style Selector="Border.glass-overlay">
<Setter Property="Background" Value="{DynamicResource AdaptiveGlassOverlayBackgroundBrush}" />
<Setter Property="BorderThickness" Value="0" />
<Setter Property="CornerRadius" Value="0" />
<Setter Property="Opacity" Value="{DynamicResource AdaptiveGlassOverlayOpacity}" />
2026-02-27 19:27:38 +08:00
</Style>
</Styles>