feat: add color group control.

This commit is contained in:
rabbitism
2023-02-13 02:17:38 +08:00
parent 235865c925
commit b06e7c6443
7 changed files with 294 additions and 90 deletions

View File

@@ -166,85 +166,85 @@
<SolidColorBrush x:Key="SemiColorPrimaryPointerover" Color="#FF7FC1FF" />
<SolidColorBrush x:Key="SemiColorPrimaryPressed" Color="#FFA9D7FF" />
<SolidColorBrush x:Key="SemiColorPrimaryDisabled" Color="#FF135CB8" />
<SolidColorBrush x:Key="SemiColorPrimaryLight" Color="#FF54A9FF" Opacity="0.2" />
<SolidColorBrush x:Key="SemiColorPrimaryLightPointerover" Color="#FF54A9FF" Opacity="0.3"/>
<SolidColorBrush x:Key="SemiColorPrimaryLightActive" Color="#FF54A9FF" Opacity="0.4"/>
<SolidColorBrush x:Key="SemiColorPrimaryLight" Opacity="0.2" Color="#FF54A9FF" />
<SolidColorBrush x:Key="SemiColorPrimaryLightPointerover" Opacity="0.3" Color="#FF54A9FF" />
<SolidColorBrush x:Key="SemiColorPrimaryLightActive" Opacity="0.4" Color="#FF54A9FF" />
<!-- Secondary -->
<SolidColorBrush x:Key="SemiColorSecondary" Color="#FF40B4F3" />
<SolidColorBrush x:Key="SemiColorSecondaryPointerover" Color="#FF6EC8F6" />
<SolidColorBrush x:Key="SemiColorSecondaryPressed" Color="#FF9DDCF9" />
<SolidColorBrush x:Key="SemiColorSecondaryDisabled" Color="#FF0366A9" />
<SolidColorBrush x:Key="SemiColorSecondaryLight" Color="#FF40B4F3" Opacity="0.2" />
<SolidColorBrush x:Key="SemiColorSecondaryLightPointerover" Color="#FF40B4F3" Opacity="0.3" />
<SolidColorBrush x:Key="SemiColorSecondaryLightActive" Color="#FF40B4F3" Opacity="0.4" />
<SolidColorBrush x:Key="SemiColorSecondaryLight" Opacity="0.2" Color="#FF40B4F3" />
<SolidColorBrush x:Key="SemiColorSecondaryLightPointerover" Opacity="0.3" Color="#FF40B4F3" />
<SolidColorBrush x:Key="SemiColorSecondaryLightActive" Opacity="0.4" Color="#FF40B4F3" />
<!-- Tertiary -->
<SolidColorBrush x:Key="SemiColorTertiary" Color="#FF888D92" />
<SolidColorBrush x:Key="SemiColorTertiaryPointerover" Color="#FFA7ABB0" />
<SolidColorBrush x:Key="SemiColorTertiaryPressed" Color="#FFC6CACD" />
<SolidColorBrush x:Key="SemiColorTertiaryLight" Color="#FF888D92" Opacity="0.2" />
<SolidColorBrush x:Key="SemiColorTertiaryLightPointerover" Color="#FF888D92" Opacity="0.3"/>
<SolidColorBrush x:Key="SemiColorTertiaryLightActive" Color="#FF888D92" Opacity="0.4"/>
<SolidColorBrush x:Key="SemiColorTertiaryLight" Opacity="0.2" Color="#FF888D92" />
<SolidColorBrush x:Key="SemiColorTertiaryLightPointerover" Opacity="0.3" Color="#FF888D92" />
<SolidColorBrush x:Key="SemiColorTertiaryLightActive" Opacity="0.4" Color="#FF888D92" />
<!-- Information -->
<SolidColorBrush x:Key="SemiColorInformation" Color="#FF54A9FF" />
<SolidColorBrush x:Key="SemiColorInformationPointerover" Color="#FF7FC1FF" />
<SolidColorBrush x:Key="SemiColorInformationPressed" Color="#FFA9D7FF" />
<SolidColorBrush x:Key="SemiColorInformationDisabled" Color="#FF135CB8" />
<SolidColorBrush x:Key="SemiColorInformationLight" Color="#FF54A9FF" Opacity="0.2" />
<SolidColorBrush x:Key="SemiColorInformationLightPointerover" Color="#FF54A9FF" Opacity="0.3"/>
<SolidColorBrush x:Key="SemiColorInformationLightActive" Color="#FF54A9FF" Opacity="0.4"/>
<SolidColorBrush x:Key="SemiColorInformationLight" Opacity="0.2" Color="#FF54A9FF" />
<SolidColorBrush x:Key="SemiColorInformationLightPointerover" Opacity="0.3" Color="#FF54A9FF" />
<SolidColorBrush x:Key="SemiColorInformationLightActive" Opacity="0.4" Color="#FF54A9FF" />
<!-- Success -->
<SolidColorBrush x:Key="SemiColorSuccess" Color="#FF5DC264" />
<SolidColorBrush x:Key="SemiColorSuccessPointerover" Color="#FF7FD184" />
<SolidColorBrush x:Key="SemiColorSuccessPressed" Color="#FFA6E1A8" />
<SolidColorBrush x:Key="SemiColorSuccessDisabled" Color="#FF277731" />
<SolidColorBrush x:Key="SemiColorSuccessLight" Color="#FF5DC264" Opacity="0.2"/>
<SolidColorBrush x:Key="SemiColorSuccessLightPointerover" Color="#FF5DC264" Opacity="0.3"/>
<SolidColorBrush x:Key="SemiColorSuccessLightActive" Color="#FF5DC264" Opacity="0.4"/>
<SolidColorBrush x:Key="SemiColorSuccessLight" Opacity="0.2" Color="#FF5DC264" />
<SolidColorBrush x:Key="SemiColorSuccessLightPointerover" Opacity="0.3" Color="#FF5DC264" />
<SolidColorBrush x:Key="SemiColorSuccessLightActive" Opacity="0.4" Color="#FF5DC264" />
<!-- Warning -->
<SolidColorBrush x:Key="SemiColorWarning" Color="#FFFFAE43" />
<SolidColorBrush x:Key="SemiColorWarningPointerover" Color="#FFFFC772" />
<SolidColorBrush x:Key="SemiColorWarningPressed" Color="#FFFFDDA1" />
<SolidColorBrush x:Key="SemiColorWarningLight" Color="#FFFFAE43" Opacity="0.2" />
<SolidColorBrush x:Key="SemiColorWarningLightPointerover" Color="#FFFFAE43" Opacity="0.3"/>
<SolidColorBrush x:Key="SemiColorWarningLightActive" Color="#FFFFAE43" Opacity="0.4"/>
<SolidColorBrush x:Key="SemiColorWarningLight" Opacity="0.2" Color="#FFFFAE43" />
<SolidColorBrush x:Key="SemiColorWarningLightPointerover" Opacity="0.3" Color="#FFFFAE43" />
<SolidColorBrush x:Key="SemiColorWarningLightActive" Opacity="0.4" Color="#FFFFAE43" />
<!-- Danger -->
<SolidColorBrush x:Key="SemiColorDanger" Color="#FFFC725A" />
<SolidColorBrush x:Key="SemiColorDangerPointerover" Color="#FFFD9983" />
<SolidColorBrush x:Key="SemiColorDangerPressed" Color="#FFFDBEAC" />
<SolidColorBrush x:Key="SemiColorDangerLight" Color="#FFFC725A" Opacity="0.2" />
<SolidColorBrush x:Key="SemiColorDangerLightPointerover" Color="#FFFC725A" Opacity="0.3" />
<SolidColorBrush x:Key="SemiColorDangerLightActive" Color="#FFFC725A" Opacity="0.4"/>
<!-- Text and Icons--->
<SolidColorBrush x:Key="SemiColorText0" Color="#FFF9F9F9"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorText1" Color="#FFF9F9F9" Opacity="0.8"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorText2" Color="#FFF9F9F9" Opacity="0.6"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorText3" Color="#FFF9F9F9" Opacity="0.35"></SolidColorBrush>
<!-- Link -->
<SolidColorBrush x:Key="SemiColorLink" Color="#FF54A9FF"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorLinkPointerover" Color="#FF7FC1FF"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorLinkActive" Color="#FFA9D7FF"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorLinkVisited" Color="#FF54A9FF"></SolidColorBrush>
<!-- Background -->
<SolidColorBrush x:Key="SemiColorBackground0" Color="#FF16161A"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorBackground1" Color="#FF232429"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorBackground2" Color="#FF35363C"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorBackground3" Color="#FF43444A"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorBackground4" Color="#FF4F5159"></SolidColorBrush>
<!-- Fill -->
<SolidColorBrush x:Key="SemiColorFill0" Color="White" Opacity="0.12"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorFill1" Color="White" Opacity="0.16"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorFill2" Color="White" Opacity="0.20"></SolidColorBrush>
<!-- Border -->
<SolidColorBrush x:Key="SemiColorBorder" Color="White" Opacity="0.08"></SolidColorBrush>
<!-- Disabled -->
<SolidColorBrush x:Key="SemiColorDisabledText" Color="#FFF9F9F9" Opacity="0.35"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorDisabledBorder" Color="#FF2E3238"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorDisabledBackground" Color="#FF2E3238"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorDisabledFill" Color="#FFE6E8EA" Opacity="0.04"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorDangerLight" Opacity="0.2" Color="#FFFC725A" />
<SolidColorBrush x:Key="SemiColorDangerLightPointerover" Opacity="0.3" Color="#FFFC725A" />
<SolidColorBrush x:Key="SemiColorDangerLightActive" Opacity="0.4" Color="#FFFC725A" />
<!-- Text and Icons -->
<SolidColorBrush x:Key="SemiColorText0" Color="#FFF9F9F9" />
<SolidColorBrush x:Key="SemiColorText1" Opacity="0.8" Color="#FFF9F9F9" />
<SolidColorBrush x:Key="SemiColorText2" Opacity="0.6" Color="#FFF9F9F9" />
<SolidColorBrush x:Key="SemiColorText3" Opacity="0.35" Color="#FFF9F9F9" />
<!-- Link -->
<SolidColorBrush x:Key="SemiColorLink" Color="#FF54A9FF" />
<SolidColorBrush x:Key="SemiColorLinkPointerover" Color="#FF7FC1FF" />
<SolidColorBrush x:Key="SemiColorLinkActive" Color="#FFA9D7FF" />
<SolidColorBrush x:Key="SemiColorLinkVisited" Color="#FF54A9FF" />
<!-- Background -->
<SolidColorBrush x:Key="SemiColorBackground0" Color="#FF16161A" />
<SolidColorBrush x:Key="SemiColorBackground1" Color="#FF232429" />
<SolidColorBrush x:Key="SemiColorBackground2" Color="#FF35363C" />
<SolidColorBrush x:Key="SemiColorBackground3" Color="#FF43444A" />
<SolidColorBrush x:Key="SemiColorBackground4" Color="#FF4F5159" />
<!-- Fill -->
<SolidColorBrush x:Key="SemiColorFill0" Opacity="0.12" Color="White" />
<SolidColorBrush x:Key="SemiColorFill1" Opacity="0.16" Color="White" />
<SolidColorBrush x:Key="SemiColorFill2" Opacity="0.20" Color="White" />
<!-- Border -->
<SolidColorBrush x:Key="SemiColorBorder" Opacity="0.08" Color="White" />
<!-- Disabled -->
<SolidColorBrush x:Key="SemiColorDisabledText" Opacity="0.35" Color="#FFF9F9F9" />
<SolidColorBrush x:Key="SemiColorDisabledBorder" Color="#FF2E3238" />
<SolidColorBrush x:Key="SemiColorDisabledBackground" Color="#FF2E3238" />
<SolidColorBrush x:Key="SemiColorDisabledFill" Opacity="0.04" Color="#FFE6E8EA" />
</ResourceDictionary>

View File

@@ -214,37 +214,37 @@
<SolidColorBrush x:Key="SemiColorDangerLight" Color="#FFFEF2ED" />
<SolidColorBrush x:Key="SemiColorDangerLightPointerover" Color="#FFFEDDD2" />
<SolidColorBrush x:Key="SemiColorDangerLightActive" Color="#FFFDB7A5" />
<!-- Text and Icons--->
<SolidColorBrush x:Key="SemiColorText0" Color="#FF1C1F23"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorText1" Color="#FF1C1F23" Opacity="0.8"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorText2" Color="#FF1C1F23" Opacity="0.62"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorText3" Color="#FF1C1F23" Opacity="0.35"></SolidColorBrush>
<!-- Link -->
<SolidColorBrush x:Key="SemiColorLink" Color="#FF0077FA"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorLinkPointerover" Color="#FF0062D6"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorLinkActive" Color="#FF004FB3"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorLinkVisited" Color="#FF0077FA"></SolidColorBrush>
<!-- Background -->
<SolidColorBrush x:Key="SemiColorBackground0" Color="White"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorBackground1" Color="White"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorBackground2" Color="White"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorBackground3" Color="White"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorBackground4" Color="White"></SolidColorBrush>
<!-- Fill -->
<SolidColorBrush x:Key="SemiColorFill0" Color="#FF2E3238" Opacity="0.05"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorFill1" Color="#FF2E3238" Opacity="0.09"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorFill2" Color="#FF2E3238" Opacity="0.13"></SolidColorBrush>
<!-- Border -->
<SolidColorBrush x:Key="SemiColorBorder" Color="#FF1C1F23" Opacity="0.08"></SolidColorBrush>
<!-- Disabled -->
<SolidColorBrush x:Key="SemiColorDisabledText" Color="#FF1C1F23" Opacity="0.35"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorDisabledBorder" Color="#FFE6E8EA"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorDisabledBackground" Color="#FFE6E8EA"></SolidColorBrush>
<SolidColorBrush x:Key="SemiColorDisabledFill" Color="#FF2E3238" Opacity="0.04"></SolidColorBrush>
<!-- Text and Icons -->
<SolidColorBrush x:Key="SemiColorText0" Color="#FF1C1F23" />
<SolidColorBrush x:Key="SemiColorText1" Opacity="0.8" Color="#FF1C1F23" />
<SolidColorBrush x:Key="SemiColorText2" Opacity="0.62" Color="#FF1C1F23" />
<SolidColorBrush x:Key="SemiColorText3" Opacity="0.35" Color="#FF1C1F23" />
<!-- Link -->
<SolidColorBrush x:Key="SemiColorLink" Color="#FF0077FA" />
<SolidColorBrush x:Key="SemiColorLinkPointerover" Color="#FF0062D6" />
<SolidColorBrush x:Key="SemiColorLinkActive" Color="#FF004FB3" />
<SolidColorBrush x:Key="SemiColorLinkVisited" Color="#FF0077FA" />
<!-- Background -->
<SolidColorBrush x:Key="SemiColorBackground0" Color="White" />
<SolidColorBrush x:Key="SemiColorBackground1" Color="White" />
<SolidColorBrush x:Key="SemiColorBackground2" Color="White" />
<SolidColorBrush x:Key="SemiColorBackground3" Color="White" />
<SolidColorBrush x:Key="SemiColorBackground4" Color="White" />
<!-- Fill -->
<SolidColorBrush x:Key="SemiColorFill0" Opacity="0.05" Color="#FF2E3238" />
<SolidColorBrush x:Key="SemiColorFill1" Opacity="0.09" Color="#FF2E3238" />
<SolidColorBrush x:Key="SemiColorFill2" Opacity="0.13" Color="#FF2E3238" />
<!-- Border -->
<SolidColorBrush x:Key="SemiColorBorder" Opacity="0.08" Color="#FF1C1F23" />
<!-- Disabled -->
<SolidColorBrush x:Key="SemiColorDisabledText" Opacity="0.35" Color="#FF1C1F23" />
<SolidColorBrush x:Key="SemiColorDisabledBorder" Color="#FFE6E8EA" />
<SolidColorBrush x:Key="SemiColorDisabledBackground" Color="#FFE6E8EA" />
<SolidColorBrush x:Key="SemiColorDisabledFill" Opacity="0.04" Color="#FF2E3238" />
</ResourceDictionary>