优化
This commit is contained in:
GG Z
176
NeoUI/NeoUI/Themes/Light.xaml
Normal file
176
NeoUI/NeoUI/Themes/Light.xaml
Normal file
@@ -0,0 +1,176 @@
|
||||
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
||||
<!--#region 语义画笔-->
|
||||
|
||||
<SolidColorBrush x:Key="TextLinkBrush" Color="#1A66CC" />
|
||||
<SolidColorBrush x:Key="TextSuccessBrush" Color="#1E8449" />
|
||||
<SolidColorBrush x:Key="TextWarningBrush" Color="#CA6F1E" />
|
||||
<SolidColorBrush x:Key="TextErrorBrush" Color="#A93226" />
|
||||
<SolidColorBrush x:Key="TextInfoBrush" Color="#2874A6" />
|
||||
|
||||
<!-- 信息/提示色系 - 用于信息提示、帮助文本等非关键信息 -->
|
||||
<Color x:Key="InfoColor">#3498DB</Color>
|
||||
|
||||
<!-- 信息色：一般信息提示和说明文本 -->
|
||||
<SolidColorBrush x:Key="InfoBrush" Color="#3498DB" />
|
||||
<!-- 信息色悬停：信息元素的交互反馈 -->
|
||||
<SolidColorBrush x:Key="InfoHoverBrush" Color="#2E86C1" />
|
||||
<!-- 信息色按压：信息按钮的点击状态 -->
|
||||
<SolidColorBrush x:Key="InfoPressedBrush" Color="#2874A6" />
|
||||
<!-- 信息色禁用：不可用信息元素 -->
|
||||
<SolidColorBrush x:Key="InfoDisabledBrush" Color="#AED6F1" />
|
||||
<!-- 信息色亮阴影：信息卡片的拟态高光 -->
|
||||
<SolidColorBrush x:Key="InfoLightShadowBrush" Color="#E8F4FD" />
|
||||
<!-- 信息色暗阴影：信息卡片的拟态深度 -->
|
||||
<SolidColorBrush x:Key="InfoDarkShadowBrush" Color="#21618C" />
|
||||
|
||||
<!-- 错误色系 - 用于错误提示、危险操作警告 -->
|
||||
<Color x:Key="ErrorColor">#E74C3C</Color>
|
||||
<!-- 错误色：错误消息、验证失败提示 -->
|
||||
<SolidColorBrush x:Key="ErrorBrush" Color="#E74C3C" />
|
||||
<!-- 错误色悬停：危险按钮的悬停状态 -->
|
||||
<SolidColorBrush x:Key="ErrorHoverBrush" Color="#C0392B" />
|
||||
<!-- 错误色按压：确认删除等危险操作 -->
|
||||
<SolidColorBrush x:Key="ErrorPressedBrush" Color="#A93226" />
|
||||
<!-- 错误色禁用：暂时不可执行的危险操作 -->
|
||||
<SolidColorBrush x:Key="ErrorDisabledBrush" Color="#F2B6AE" />
|
||||
<!-- 错误色亮阴影：错误提示卡片的拟态高光 -->
|
||||
<SolidColorBrush x:Key="ErrorLightShadowBrush" Color="#FDECEA" />
|
||||
<!-- 错误色暗阴影：错误提示卡片的拟态深度 -->
|
||||
<SolidColorBrush x:Key="ErrorDarkShadowBrush" Color="#922B21" />
|
||||
<!-- 警告色系 - 用于需要用户注意的警告信息 -->
|
||||
<Color x:Key="WarningColor">#F39C12</Color>
|
||||
<!-- 警告色：注意事项、潜在风险提示 -->
|
||||
<SolidColorBrush x:Key="WarningBrush" Color="#F39C12" />
|
||||
<!-- 警告色悬停：警告按钮的交互反馈 -->
|
||||
<SolidColorBrush x:Key="WarningHoverBrush" Color="#E67E22" />
|
||||
<!-- 警告色按压：确认警告操作的按压状态 -->
|
||||
<SolidColorBrush x:Key="WarningPressedBrush" Color="#CA6F1E" />
|
||||
<!-- 警告色禁用：暂时无效的警告元素 -->
|
||||
<SolidColorBrush x:Key="WarningDisabledBrush" Color="#F5D6A1" />
|
||||
<!-- 警告色亮阴影：警告卡片的拟态高光效果 -->
|
||||
<SolidColorBrush x:Key="WarningLightShadowBrush" Color="#FFF4E1" />
|
||||
<!-- 警告色暗阴影：警告卡片的拟态深度效果 -->
|
||||
<SolidColorBrush x:Key="WarningDarkShadowBrush" Color="#D68910" />
|
||||
|
||||
<!-- 成功色系 - 用于成功状态、完成提示 -->
|
||||
<Color x:Key="SuccessColor">#2ECC71</Color>
|
||||
<!-- 成功色：操作成功、状态正常的提示 -->
|
||||
<SolidColorBrush x:Key="SuccessBrush" Color="#2ECC71" />
|
||||
<!-- 成功色悬停：成功按钮的悬停反馈 -->
|
||||
<SolidColorBrush x:Key="SuccessHoverBrush" Color="#27AE60" />
|
||||
<!-- 成功色按压：确认成功操作的按压状态 -->
|
||||
<SolidColorBrush x:Key="SuccessPressedBrush" Color="#229954" />
|
||||
<!-- 成功色禁用：暂时不可用的成功元素 -->
|
||||
<SolidColorBrush x:Key="SuccessDisabledBrush" Color="#B7E4CC" />
|
||||
<!-- 成功色亮阴影：成功提示卡片的拟态高光 -->
|
||||
<SolidColorBrush x:Key="SuccessLightShadowBrush" Color="#E8F8F0" />
|
||||
<!-- 成功色暗阴影：成功提示卡片的拟态深度 -->
|
||||
<SolidColorBrush x:Key="SuccessDarkShadowBrush" Color="#1E8449" />
|
||||
<!--#endregion-->
|
||||
|
||||
<!-- 背景色系 - 选项交替色 -->
|
||||
<SolidColorBrush x:Key="BackgroundInterlacedBrush" Color="#08000000" />
|
||||
<!-- 主背景色：整个应用的基础背景色，营造拟态的主要表面 Window、Page、Root Grid -->
|
||||
<SolidColorBrush x:Key="BackgroundLayoutBrush" Color="#F5F6F7" />
|
||||
<!-- 容器背景：内容区域和卡片的基础背景色 分区 / 次级背景：GroupBox、TabPanel、Sidebar、DataGrid Alternating Row -->
|
||||
<SolidColorBrush x:Key="BackgroundContainerBrush" Color="#F0F1F2" />
|
||||
<!-- 浮层背景：菜单、弹窗、提示框等浮动元素的背景 浮层背景：Dialog、Menu、Tooltip、Popup -->
|
||||
<SolidColorBrush x:Key="BackgroundFloatingBrush" Color="#FFFFFF" />
|
||||
<!-- 遮罩层：Modal、Drawer、Loading 背景 -->
|
||||
<SolidColorBrush x:Key="BackgroundOverlayBrush" Color="#40000000" />
|
||||
|
||||
<!-- 正常状态：控件的默认背景色 -->
|
||||
<!-- 普通控件背景：Button、TextBox、Card、ListBoxItem、DataGridRow -->
|
||||
<SolidColorBrush x:Key="ControlBackgroundNormalBrush" Color="#FFFFFF" />
|
||||
<!-- 悬停状态：鼠标悬停时的背景色变化 -->
|
||||
<SolidColorBrush x:Key="ControlBackgroundHoverBrush" Color="#14000000" />
|
||||
<!-- 按压状态：鼠标按下时的背景色变化 -->
|
||||
<SolidColorBrush x:Key="ControlBackgroundPressedBrush" Color="#22000000" />
|
||||
<!-- 选中状态：控件被选中时的背景色 -->
|
||||
<SolidColorBrush x:Key="ControlBackgroundSelectedBrush" Color="#29000000" />
|
||||
<!-- 禁用状态：控件不可交互时的背景色 -->
|
||||
<SolidColorBrush x:Key="ControlBackgroundDisabledBrush" Color="#38000000" />
|
||||
|
||||
<!-- 默认边框：大多数控件和容器的标准边框颜色 -->
|
||||
<SolidColorBrush x:Key="BorderNormalBrush" Color="#E0E2E6" />
|
||||
<!-- 分割线：内容区域间的分隔线颜色（半透明黑色） -->
|
||||
<SolidColorBrush x:Key="DividerBrush" Color="#D0D3D8" />
|
||||
|
||||
<LinearGradientBrush x:Key="BorderGradientBrush" StartPoint="0,0" EndPoint="1,0">
|
||||
<GradientStop Offset="0" Color="#FFFFFF" />
|
||||
<GradientStop Offset="1" Color="#CCD3DD" />
|
||||
<LinearGradientBrush.RelativeTransform>
|
||||
<RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
|
||||
</LinearGradientBrush.RelativeTransform>
|
||||
</LinearGradientBrush>
|
||||
|
||||
<!-- 拟态阴影色 - Neumorphism 核心效果的光影配色 -->
|
||||
<!-- 亮阴影色：模拟光源照射产生的高光，创造凸起效果 -->
|
||||
<SolidColorBrush x:Key="LightShadowBrush" Color="#99FFFFFF" />
|
||||
<!-- 暗阴影色：模拟背光面的阴影，创造深度和立体感 -->
|
||||
<SolidColorBrush x:Key="DarkShadowBrush" Color="#25000000" />
|
||||
|
||||
<LinearGradientBrush x:Key="BorderCornerLightedGradientBrush" StartPoint="0,0" EndPoint="1,0">
|
||||
<GradientStop Offset="0" Color="#FFFFFF" />
|
||||
<GradientStop Offset="1" Color="#00FFFFFF" />
|
||||
<LinearGradientBrush.RelativeTransform>
|
||||
<RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
|
||||
</LinearGradientBrush.RelativeTransform>
|
||||
</LinearGradientBrush>
|
||||
<!-- Popup shadow effect -->
|
||||
<DropShadowEffect
|
||||
x:Key="PopupShadow"
|
||||
BlurRadius="12"
|
||||
Opacity="0.25"
|
||||
ShadowDepth="6"
|
||||
Color="#000000" />
|
||||
|
||||
<!-- 文本色系 - 不同层级的文本颜色，在拟态设计中保持柔和对比度 -->
|
||||
<Color x:Key="TextSecondaryColor">#555A64</Color>
|
||||
<!-- 主要文本：正文、标题等主要内容文本 -->
|
||||
<SolidColorBrush x:Key="TextPrimaryBrush" Color="#1C1E22" />
|
||||
<!-- 次要文本：说明文字、辅助信息的文本颜色 -->
|
||||
<SolidColorBrush x:Key="TextSecondaryBrush" Color="#555A64" />
|
||||
<!-- 强调背景禁用文本：深色背景上的禁用文本 -->
|
||||
<!-- 禁用文本：不可交互状态下的文本颜色（50% 透明度） -->
|
||||
<SolidColorBrush x:Key="TextDisabledBrush" Color="#9CA0A8" />
|
||||
<!-- 强调背景文本：深色背景上的高对比白色文本 -->
|
||||
<SolidColorBrush x:Key="TextInverseBrush" Color="#FFFFFF" />
|
||||
<SolidColorBrush x:Key="TextPlaceholderBrush" Color="#80FFFFFF" />
|
||||
|
||||
<!-- 聚焦视觉样式 -->
|
||||
<Style x:Key="FocusVisual">
|
||||
<Setter Property="Control.Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate>
|
||||
<Rectangle
|
||||
Margin="0"
|
||||
RadiusX="5"
|
||||
RadiusY="5"
|
||||
SnapsToDevicePixels="true"
|
||||
Stroke="{DynamicResource PrimaryNormalBrush}"
|
||||
StrokeThickness="2" />
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<!-- 选项标记聚焦视觉样式 -->
|
||||
<Style x:Key="OptionMarkFocusVisual">
|
||||
<Setter Property="Control.Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate>
|
||||
<Rectangle
|
||||
Margin="0"
|
||||
RadiusX="5"
|
||||
RadiusY="5"
|
||||
SnapsToDevicePixels="true"
|
||||
Stroke="{DynamicResource PrimaryNormalBrush}"
|
||||
StrokeThickness="2" />
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
|
||||
</ResourceDictionary>
|
||||
Reference in New Issue
Block a user