feat: Button.

This commit is contained in:
Zhang Dian 2024-09-24 16:28:53 +08:00
parent cd0422a64e
commit a28ac1c450
4 changed files with 72 additions and 105 deletions

View File

@ -252,12 +252,12 @@
BasedOn="{StaticResource {x:Type Button}}"
TargetType="Button">
<Style Selector="^ /template/ ContentPresenter#PART_ContentPresenter">
<Setter Property="Background" Value="Transparent" />
<Setter Property="BorderBrush" Value="Transparent" />
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderlessBorderBrush}" />
<Setter Property="Background" Value="{DynamicResource ButtonBorderlessBackground}" />
</Style>
<Style Selector="^:disabled /template/ ContentPresenter#PART_ContentPresenter">
<Setter Property="BorderBrush" Value="Transparent" />
<Setter Property="Background" Value="Transparent" />
<Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderlessBorderBrush}" />
<Setter Property="Background" Value="{DynamicResource ButtonBorderlessBackground}" />
<Setter Property="Foreground" Value="{DynamicResource ButtonDefaultDisabledForeground}" />
</Style>

View File

@ -82,6 +82,11 @@
<SolidColorBrush x:Key="ButtonOutlineDangerBorderBrush" Color="#FC725A" />
<!-- end Outline -->
<!-- Borderless -->
<SolidColorBrush x:Key="ButtonBorderlessBackground" Color="Transparent" />
<SolidColorBrush x:Key="ButtonBorderlessBorderBrush" Color="Transparent" />
<!-- end Borderless -->
<SolidColorBrush x:Key="ButtonInputInnerForeground" Opacity="0.6" Color="#F9F9F9" />
<SolidColorBrush x:Key="ButtonInputInnerPointeroverForeground" Color="#7FC1FF" />
<SolidColorBrush x:Key="ButtonInputInnerPressedForeground" Color="#A9D7FF" />

View File

@ -10,85 +10,42 @@
<!--Button-->
<!-- Light -->
<SolidColorBrush x:Key="ButtonDefaultPrimaryForeground" Color="{StaticResource HotlightBrush}" />
<SolidColorBrush x:Key="ButtonDefaultSecondaryForeground" Color="#40B4F3" />
<SolidColorBrush x:Key="ButtonDefaultTertiaryForeground" Opacity="0.8" Color="#F9F9F9" />
<SolidColorBrush x:Key="ButtonDefaultSuccessForeground" Color="#5DC264" />
<SolidColorBrush x:Key="ButtonDefaultWarningForeground" Color="#FFAE43" />
<SolidColorBrush x:Key="ButtonDefaultDangerForeground" Color="#FC725A" />
<SolidColorBrush x:Key="ButtonDefaultDisabledForeground" Opacity="0.35" Color="#F9F9F9" />
<SolidColorBrush x:Key="ButtonDefaultDisabledForeground" Color="{StaticResource InactiveForeground}" />
<SolidColorBrush x:Key="ButtonDefaultBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="ButtonDefaultPointeroverBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="ButtonDefaultPressedBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="ButtonDefaultBorderBrush" Color="{StaticResource Foreground}" />
<SolidColorBrush x:Key="ButtonDefaultPointeroverBorderBrush" Color="{StaticResource HotlightBrush}" />
<SolidColorBrush x:Key="ButtonDefaultPressedBorderBrush" Color="{StaticResource HotlightBrush}" />
<SolidColorBrush x:Key="ButtonDefaultDisabledBorderBrush" Color="{StaticResource InactiveForeground}" />
<SolidColorBrush x:Key="ButtonDefaultBorderBrush" Color="Transparent" />
<SolidColorBrush x:Key="ButtonDefaultPointeroverBorderBrush" Color="Transparent" />
<SolidColorBrush x:Key="ButtonDefaultPressedBorderBrush" Color="Transparent" />
<SolidColorBrush x:Key="ButtonDefaultDisabledBorderBrush" Color="Transparent" />
<!-- end Light -->
<!-- Solid -->
<SolidColorBrush x:Key="ButtonSolidForeground" Color="{StaticResource ButtonForeground}" />
<SolidColorBrush x:Key="ButtonSolidPrimaryBackground" Color="{StaticResource SelectedBackground}" />
<SolidColorBrush x:Key="ButtonSolidPrimaryPointeroverBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="ButtonSolidPrimaryPointeroverBackground" Color="{StaticResource SelectedBackground}" />
<SolidColorBrush x:Key="ButtonSolidPrimaryPressedBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="ButtonSolidSecondaryBackground" Color="#40B4F3" />
<SolidColorBrush x:Key="ButtonSolidSecondaryPointeroverBackground" Color="#6EC8F6" />
<SolidColorBrush x:Key="ButtonSolidSecondaryPressedBackground" Color="#9DDCF9" />
<SolidColorBrush x:Key="ButtonSolidPrimaryBorderBrush" Color="{StaticResource SelectedBackground}" />
<SolidColorBrush x:Key="ButtonSolidPrimaryPointeroverBorderBrush" Color="{StaticResource SelectedBackground}" />
<SolidColorBrush x:Key="ButtonSolidPrimaryPressedBorderBrush" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="ButtonSolidTertiaryBackground" Color="#888D92" />
<SolidColorBrush x:Key="ButtonSolidTertiaryPointeroverBackground" Color="#A7ABB0" />
<SolidColorBrush x:Key="ButtonSolidTertiaryPressedBackground" Color="#C6CACD" />
<SolidColorBrush x:Key="ButtonSolidSuccessBackground" Color="#5DC264" />
<SolidColorBrush x:Key="ButtonSolidSuccessPointeroverBackground" Color="#7FD184" />
<SolidColorBrush x:Key="ButtonSolidSuccessPressedBackground" Color="#A6E1A8" />
<SolidColorBrush x:Key="ButtonSolidWarningBackground" Color="#FFAE43" />
<SolidColorBrush x:Key="ButtonSolidWarningPointeroverBackground" Color="#FFC772" />
<SolidColorBrush x:Key="ButtonSolidWarningPressedBackground" Color="#FFDDA1" />
<SolidColorBrush x:Key="ButtonSolidDangerBackground" Color="#FC725A" />
<SolidColorBrush x:Key="ButtonSolidDangerPointeroverBackground" Color="#FD9983" />
<SolidColorBrush x:Key="ButtonSolidDangerPressedBackground" Color="#FDBEAC" />
<SolidColorBrush x:Key="ButtonSolidPrimaryBorderBrush" Color="#54A9FF" />
<SolidColorBrush x:Key="ButtonSolidPrimaryPointeroverBorderBrush" Color="#7FC1FF" />
<SolidColorBrush x:Key="ButtonSolidPrimaryPressedBorderBrush" Color="#A9D7FF" />
<SolidColorBrush x:Key="ButtonSolidSecondaryBorderBrush" Color="#40B4F3" />
<SolidColorBrush x:Key="ButtonSolidSecondaryPointeroverBorderBrush" Color="#6EC8F6" />
<SolidColorBrush x:Key="ButtonSolidSecondaryPressedBorderBrush" Color="#9DDCF9" />
<SolidColorBrush x:Key="ButtonSolidTertiaryBorderBrush" Color="#888D92" />
<SolidColorBrush x:Key="ButtonSolidTertiaryPointeroverBorderBrush" Color="#A7ABB0" />
<SolidColorBrush x:Key="ButtonSolidTertiaryPressedBorderBrush" Color="#C6CACD" />
<SolidColorBrush x:Key="ButtonSolidSuccessBorderBrush" Color="#5DC264" />
<SolidColorBrush x:Key="ButtonSolidSuccessPointeroverBorderBrush" Color="#7FD184" />
<SolidColorBrush x:Key="ButtonSolidSuccessPressedBorderBrush" Color="#A6E1A8" />
<SolidColorBrush x:Key="ButtonSolidWarningBorderBrush" Color="#FFAE43" />
<SolidColorBrush x:Key="ButtonSolidWarningPointeroverBorderBrush" Color="#FFC772" />
<SolidColorBrush x:Key="ButtonSolidWarningPressedBorderBrush" Color="#FFDDA1" />
<SolidColorBrush x:Key="ButtonSolidDangerBorderBrush" Color="#FC725A" />
<SolidColorBrush x:Key="ButtonSolidDangerPointeroverBorderBrush" Color="#FD9983" />
<SolidColorBrush x:Key="ButtonSolidDangerPressedBorderBrush" Color="#FDBEAC" />
<SolidColorBrush x:Key="ButtonSolidDisabledBackground" Color="#2E3238" />
<SolidColorBrush x:Key="ButtonSolidDisabledBackground" Color="{StaticResource InactiveForeground}" />
<!-- end Solid -->
<!-- Borderless -->
<SolidColorBrush x:Key="ButtonBorderlessBackground" Color="Transparent" />
<SolidColorBrush x:Key="ButtonBorderlessBorderBrush" Color="Transparent" />
<!-- end Borderless -->
<!-- Outline -->
<SolidColorBrush x:Key="ButtonOutlineBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="ButtonOutlineBackground" Color="Transparent" />
<SolidColorBrush x:Key="ButtonOutlineBorderBrush" Color="{StaticResource Foreground}" />
<SolidColorBrush x:Key="ButtonOutlinePointeroverBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="ButtonOutlinePressedBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="ButtonOutlineSuccessBorderBrush" Color="#5DC264" />
<SolidColorBrush x:Key="ButtonOutlineWarningBorderBrush" Color="#FFAE43" />
<SolidColorBrush x:Key="ButtonOutlineDangerBorderBrush" Color="#FC725A" />
<!-- end Outline -->
<SolidColorBrush x:Key="ButtonInputInnerForeground" Color="{StaticResource Foreground}" />
@ -147,7 +104,7 @@
<SolidColorBrush x:Key="CalendarDatePickerFocusBorderBrush" Color="{StaticResource HotlightBrush}" />
<SolidColorBrush x:Key="CalendarDatePickerDisabledBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="CalendarDatePickerDisabledIconForeground" Color="{StaticResource InactiveForeground}" />
<SolidColorBrush x:Key="CalendarDatePickerBorderBrush" Color="{StaticResource Foreground}"/>
<SolidColorBrush x:Key="CalendarDatePickerBorderBrush" Color="{StaticResource Foreground}" />
<SolidColorBrush x:Key="CalendarDatePickerBorderedDefaultBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="CalendarDatePickerBorderedDefaultBorderBrush" Color="{StaticResource Foreground}" />
@ -182,7 +139,7 @@
<SolidColorBrush x:Key="CheckBoxCheckedPressedBackground" Color="{StaticResource SelectedBackground}" />
<SolidColorBrush x:Key="CheckBoxCheckedPressedBorderBrush" Color="{StaticResource SelectedBackground}" />
<SolidColorBrush x:Key="CheckBoxDefaultDisabledBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="CheckBoxDefaultDisabledBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="CheckBoxDefaultDisabledBorderBrush" Color="{StaticResource InactiveForeground}" />
<SolidColorBrush x:Key="CheckBoxCheckedDisabledBackground" Color="{StaticResource InactiveForeground}" />
<SolidColorBrush x:Key="CheckBoxCheckedDisabledBorderBrush" Color="{StaticResource InactiveForeground}" />
@ -286,11 +243,11 @@
<SolidColorBrush x:Key="HeaderedContentControlDefaultBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="HeaderedContentControlDefaultBorderBrush" Color="{StaticResource Foreground}" />
<SolidColorBrush x:Key="HyperlinkButtonForeground" Color="{StaticResource HotlightBrush}" />
<SolidColorBrush x:Key="HyperlinkButtonDefaultBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="HyperlinkButtonOverForeground" Color="{StaticResource HotlightBrush}" />
<SolidColorBrush x:Key="HyperlinkButtonDisabledForeground" Color="{StaticResource InactiveForeground}" />
<SolidColorBrush x:Key="HyperlinkButtonVisitedForeground" Color="{StaticResource HotlightBrush}" />
<SolidColorBrush x:Key="HyperlinkButtonForeground" Color="{StaticResource HotlightBrush}" />
<SolidColorBrush x:Key="HyperlinkButtonDefaultBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="HyperlinkButtonOverForeground" Color="{StaticResource HotlightBrush}" />
<SolidColorBrush x:Key="HyperlinkButtonDisabledForeground" Color="{StaticResource InactiveForeground}" />
<SolidColorBrush x:Key="HyperlinkButtonVisitedForeground" Color="{StaticResource HotlightBrush}" />
<!-- ListBox -->
<SolidColorBrush x:Key="ListBoxItemDisabledForeground" Color="{StaticResource InactiveForeground}" />
@ -304,7 +261,7 @@
<SolidColorBrush x:Key="ListBoxItemSelectedDisabledBackground" Color="{StaticResource SelectedBackground}" />
<!-- RadioGroupListBox -->
<SolidColorBrush x:Key="ListBoxItemRadioGroupDisabledForeground" Color="{StaticResource InactiveForeground}" />
<SolidColorBrush x:Key="ListBoxItemRadioGroupDisabledForeground" Color="{StaticResource InactiveForeground}" />
<SolidColorBrush x:Key="ListBoxItemRadioGroupUncheckIconDefaultBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="ListBoxItemRadioGroupUncheckIconPointeroverBackground" Color="{StaticResource Background}" />
@ -391,7 +348,7 @@
<!--Menu-->
<SolidColorBrush x:Key="MenuFlyoutScrollViewerIconForeground" Color="{StaticResource Foreground}" />
<SolidColorBrush x:Key="MenuFlyoutScrollViewerIconForeground" Color="{StaticResource Foreground}" />
<!-- MenuFlyout -->
<SolidColorBrush x:Key="MenuFlyoutBackground" Color="{StaticResource Background}" />
@ -478,7 +435,7 @@
<!-- ButtonRadioButton -->
<SolidColorBrush x:Key="RadioButtonButtonUncheckedForeground" Color="{StaticResource Foreground}" />
<SolidColorBrush x:Key="RadioButtonButtonUncheckedPointeroverBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="RadioButtonButtonUncheckedPointeroverBackground" Color="{StaticResource Background}" />
<SolidColorBrush x:Key="RadioButtonButtonUncheckedDisabledForeground" Color="{StaticResource InactiveForeground}" />
<SolidColorBrush x:Key="RadioButtonButtonCheckedBackground" Color="{StaticResource SelectedBackground}" />
<SolidColorBrush x:Key="RadioButtonButtonCheckedForeground" Color="{StaticResource SelectedForeground}" />
@ -521,7 +478,7 @@
<!-- SplitView -->
<SolidColorBrush x:Key="SplitViewSeparatorBackground" Color="{StaticResource Foreground}" />
<SolidColorBrush x:Key="SplitViewMaskBrush" Color="Transparent" />
<SolidColorBrush x:Key="SplitViewMaskBrush" Color="Transparent" />
<SolidColorBrush x:Key="SplitViewPaneBackground" Color="{StaticResource Background}" />
<!-- TabItem -->

View File

@ -82,6 +82,11 @@
<SolidColorBrush x:Key="ButtonOutlineDangerBorderBrush" Color="#F93920" />
<!-- end Outline -->
<!-- Borderless -->
<SolidColorBrush x:Key="ButtonBorderlessBackground" Color="Transparent" />
<SolidColorBrush x:Key="ButtonBorderlessBorderBrush" Color="Transparent" />
<!-- end Borderless -->
<SolidColorBrush x:Key="ButtonInputInnerForeground" Opacity="0.62" Color="#1C1F23" />
<SolidColorBrush x:Key="ButtonInputInnerPointeroverForeground" Color="#0062D6" />
<SolidColorBrush x:Key="ButtonInputInnerPressedForeground" Color="#004FB3" />