feat: 更新骨架屏样式

Author: x1aoren

Utils/Converters/Converters.xaml

@@ -47,15 +47,15 @@
 
     <!-- 骨架屏样式 -->
     <Style x:Key="SkeletonLoaderStyle" TargetType="Rectangle">
-        <Setter Property="Fill" Value="{DynamicResource SurfaceBrush}"/>
+        <Setter Property="Fill" Value="{DynamicResource SurfaceElevatedBrush}"/>
         <Setter Property="RadiusX" Value="4"/>
         <Setter Property="RadiusY" Value="4"/>
         <Style.Triggers>
             <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                 <BeginStoryboard>
                     <Storyboard RepeatBehavior="Forever" AutoReverse="True">
                         <DoubleAnimation Storyboard.TargetProperty="Opacity"
-                                       From="0.3" To="0.6" Duration="0:0:1.5">
+                                       From="0.5" To="0.9" Duration="0:0:1.2">
                             <DoubleAnimation.EasingFunction>
                                 <SineEase EasingMode="EaseInOut"/>
                             </DoubleAnimation.EasingFunction>
@@ -66,22 +66,66 @@
         </Style.Triggers>
     </Style>
 
-    <!-- 骨架屏卡片样式（用于版本列表、MOD卡片等） -->
+    <!-- 骨架屏卡片样式（用于版本列表、MOD卡片等）- 支持主题切换，带明显的闪动效果 -->
     <Style x:Key="SkeletonCardStyle" TargetType="Border">
-        <Setter Property="Background" Value="{DynamicResource SurfaceBrush}"/>
+        <Setter Property="Background" Value="{DynamicResource SkeletonBackgroundBrush}"/>
         <Setter Property="CornerRadius" Value="12"/>
         <Setter Property="Padding" Value="16"/>
         <Setter Property="Margin" Value="0,0,0,12"/>
+        <Setter Property="BorderThickness" Value="1"/>
+        <Setter Property="BorderBrush" Value="{DynamicResource BorderBrush}"/>
         <Style.Triggers>
             <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                 <BeginStoryboard>
                     <Storyboard RepeatBehavior="Forever" AutoReverse="True">
-                        <ColorAnimation Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)"
-                                       From="#2C2C2C" To="#3A3A3A" Duration="0:0:1.5">
-                            <ColorAnimation.EasingFunction>
+                        <!-- 透明度动画 - 明显的闪动效果（颜色使用动态资源，自动跟随主题） -->
+                        <DoubleAnimation Storyboard.TargetProperty="Opacity"
+                                       From="0.3" To="0.7" Duration="0:0:0.8">
+                            <DoubleAnimation.EasingFunction>
+                                <SineEase EasingMode="EaseInOut"/>
+                            </DoubleAnimation.EasingFunction>
+                        </DoubleAnimation>
+                    </Storyboard>
+                </BeginStoryboard>
+            </EventTrigger>
+        </Style.Triggers>
+    </Style>
+    
+    <!-- 骨架屏矩形（用于文本占位）- 支持主题切换，明显的闪动效果 -->
+    <Style x:Key="SkeletonRectangleStyle" TargetType="Rectangle">
+        <Setter Property="Fill" Value="{DynamicResource SkeletonFillBrush}"/>
+        <Setter Property="RadiusX" Value="4"/>
+        <Setter Property="RadiusY" Value="4"/>
+        <Setter Property="Height" Value="16"/>
+        <Style.Triggers>
+            <EventTrigger RoutedEvent="FrameworkElement.Loaded">
+                <BeginStoryboard>
+                    <Storyboard RepeatBehavior="Forever" AutoReverse="True">
+                        <DoubleAnimation Storyboard.TargetProperty="Opacity"
+                                       From="0.3" To="0.7" Duration="0:0:0.8">
+                            <DoubleAnimation.EasingFunction>
+                                <SineEase EasingMode="EaseInOut"/>
+                            </DoubleAnimation.EasingFunction>
+                        </DoubleAnimation>
+                    </Storyboard>
+                </BeginStoryboard>
+            </EventTrigger>
+        </Style.Triggers>
+    </Style>
+    
+    <!-- 骨架屏圆形（用于头像/图标占位）- 支持主题切换，明显的闪动效果 -->
+    <Style x:Key="SkeletonCircleStyle" TargetType="Ellipse">
+        <Setter Property="Fill" Value="{DynamicResource SkeletonFillBrush}"/>
+        <Style.Triggers>
+            <EventTrigger RoutedEvent="FrameworkElement.Loaded">
+                <BeginStoryboard>
+                    <Storyboard RepeatBehavior="Forever" AutoReverse="True">
+                        <DoubleAnimation Storyboard.TargetProperty="Opacity"
+                                       From="0.3" To="0.7" Duration="0:0:0.8">
+                            <DoubleAnimation.EasingFunction>
                                 <SineEase EasingMode="EaseInOut"/>
-                            </ColorAnimation.EasingFunction>
-                        </ColorAnimation>
+                            </DoubleAnimation.EasingFunction>
+                        </DoubleAnimation>
                     </Storyboard>
                 </BeginStoryboard>
             </EventTrigger>