feat: Add functional colors in resource.
This commit is contained in:
rabbitism
parent
bf87bfeb90
commit
235865c925
@ -161,4 +161,90 @@
|
||||
<SolidColorBrush x:Key="SemiGrey8" Color="#E6E8EA" />
|
||||
<SolidColorBrush x:Key="SemiGrey9" Color="#F9F9F9" />
|
||||
|
||||
<!-- Primary -->
|
||||
<SolidColorBrush x:Key="SemiColorPrimary" Color="#FF54A9FF" />
|
||||
<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"/>
|
||||
<!-- 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" />
|
||||
<!-- 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"/>
|
||||
<!-- 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"/>
|
||||
<!-- 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"/>
|
||||
<!-- 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"/>
|
||||
<!-- 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>
|
||||
</ResourceDictionary>
|
||||
|
||||
@ -161,7 +161,90 @@
|
||||
<SolidColorBrush x:Key="SemiYellow8" Color="#7D6A00" />
|
||||
<SolidColorBrush x:Key="SemiYellow9" Color="#534800" />
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Primary -->
|
||||
<SolidColorBrush x:Key="SemiColorPrimary" Color="#FF0077FA" />
|
||||
<SolidColorBrush x:Key="SemiColorPrimaryPointerover" Color="#FF0062D6" />
|
||||
<SolidColorBrush x:Key="SemiColorPrimaryPressed" Color="#FF004FB3" />
|
||||
<SolidColorBrush x:Key="SemiColorPrimaryDisabled" Color="#FF98CDFD" />
|
||||
<SolidColorBrush x:Key="SemiColorPrimaryLight" Color="#FFEAF5FF" />
|
||||
<SolidColorBrush x:Key="SemiColorPrimaryLightPointerover" Color="#FFCBE7FE" />
|
||||
<SolidColorBrush x:Key="SemiColorPrimaryLightActive" Color="#FF98CDFD" />
|
||||
<!-- Secondary -->
|
||||
<SolidColorBrush x:Key="SemiColorSecondary" Color="#FF0095EE" />
|
||||
<SolidColorBrush x:Key="SemiColorSecondaryPointerover" Color="#FF007BCA" />
|
||||
<SolidColorBrush x:Key="SemiColorSecondaryPressed" Color="#FF0063A7" />
|
||||
<SolidColorBrush x:Key="SemiColorSecondaryDisabled" Color="#FF95D8F8" />
|
||||
<SolidColorBrush x:Key="SemiColorSecondaryLight" Color="#FFE9F7FD" />
|
||||
<SolidColorBrush x:Key="SemiColorSecondaryLightPointerover" Color="#FFC9ECFC" />
|
||||
<SolidColorBrush x:Key="SemiColorSecondaryLightActive" Color="#FF95D8F8" />
|
||||
<!-- Tertiary -->
|
||||
<SolidColorBrush x:Key="SemiColorTertiary" Color="#FF6B7075" />
|
||||
<SolidColorBrush x:Key="SemiColorTertiaryPointerover" Color="#FF555B61" />
|
||||
<SolidColorBrush x:Key="SemiColorTertiaryPressed" Color="#FF41464C" />
|
||||
<SolidColorBrush x:Key="SemiColorTertiaryLight" Color="#FFF9F9F9" />
|
||||
<SolidColorBrush x:Key="SemiColorTertiaryLightPointerover" Color="#FFE6E8EA" />
|
||||
<SolidColorBrush x:Key="SemiColorTertiaryLightActive" Color="#FFC6CACD" />
|
||||
<!-- Information -->
|
||||
<SolidColorBrush x:Key="SemiColorInformation" Color="#FF0077FA" />
|
||||
<SolidColorBrush x:Key="SemiColorInformationPointerover" Color="#FF0062D6" />
|
||||
<SolidColorBrush x:Key="SemiColorInformationPressed" Color="#FF004FB3" />
|
||||
<SolidColorBrush x:Key="SemiColorInformationDisabled" Color="#FF98CDFD" />
|
||||
<SolidColorBrush x:Key="SemiColorInformationLight" Color="#FFEAF5FF" />
|
||||
<SolidColorBrush x:Key="SemiColorInformationLightPointerover" Color="#FFCBE7FE" />
|
||||
<SolidColorBrush x:Key="SemiColorInformationLightActive" Color="#FF98CDFD" />
|
||||
<!-- Success -->
|
||||
<SolidColorBrush x:Key="SemiColorSuccess" Color="#FF3BB346" />
|
||||
<SolidColorBrush x:Key="SemiColorSuccessPointerover" Color="#FF30953B" />
|
||||
<SolidColorBrush x:Key="SemiColorSuccessPressed" Color="#FF25772F" />
|
||||
<SolidColorBrush x:Key="SemiColorSuccessDisabled" Color="#FFA4E0A7" />
|
||||
<SolidColorBrush x:Key="SemiColorSuccessLight" Color="#FFECF7EC" />
|
||||
<SolidColorBrush x:Key="SemiColorSuccessLightPointerover" Color="#FFD0F0D1" />
|
||||
<SolidColorBrush x:Key="SemiColorSuccessLightActive" Color="#FFA4E0A7" />
|
||||
<!-- Warning -->
|
||||
<SolidColorBrush x:Key="SemiColorWarning" Color="#FFFC8800" />
|
||||
<SolidColorBrush x:Key="SemiColorWarningPointerover" Color="#FFD26700" />
|
||||
<SolidColorBrush x:Key="SemiColorWarningPressed" Color="#FFA84A00" />
|
||||
<SolidColorBrush x:Key="SemiColorWarningLight" Color="#FFFFF8EA" />
|
||||
<SolidColorBrush x:Key="SemiColorWarningLightPointerover" Color="#FFFEEECC" />
|
||||
<SolidColorBrush x:Key="SemiColorWarningLightActive" Color="#FFFED998" />
|
||||
<!-- Danger -->
|
||||
<SolidColorBrush x:Key="SemiColorDanger" Color="#FFF93920" />
|
||||
<SolidColorBrush x:Key="SemiColorDangerPointerover" Color="#FFD52515" />
|
||||
<SolidColorBrush x:Key="SemiColorDangerPressed" Color="#FFB2140C" />
|
||||
<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>
|
||||
</ResourceDictionary>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user