Colors
- Include the following in your
App.xaml:
...
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="Resources/Styles/Colors.xaml"/>
<!-- Other dictionaries that you refer -->
</ResourceDictionary.MergedDictionaries>
...
</ResourceDictonary>
...- Use them like so:
<Frame BackgroundColor="{StaticResource Themes.Teal.Primary}" /> This library does not have anything built in to support changing between dark / light mode.
Stick with
StaticResourceif you are not changing resources run-time as this will result in a performance hit.
Hex :
#047F89
Resource :
{StaticResource Themes.Teal.Primary}
Hex :
#65868F
Resource :
{StaticResource Themes.Teal.PrimaryLight}
Hex :
#98B2AE
Resource :
{StaticResource Themes.Teal.PrimaryAir}
Hex :
#97C8CD
Resource :
{StaticResource Themes.Teal.SecondaryAir}
Hex :
#ECF3F4
Resource :
{StaticResource Themes.Teal.SecondaryLight}
Hex :
#F0F5F7
Resource :
{StaticResource Themes.Teal.SecondaryAir}
Hex :
#000000
Resource :
{StaticResource ColorPalette.Dark}
Hex :
#111111
Resource :
{StaticResource ColorPalette.DarkLight}
Hex :
#3B3D3D
Resource :
{StaticResource ColorPalette.DarkAir}
Hex :
#404040
Resource :
{StaticResource ColorPalette.Tertiary}
Hex :
#4A4A4A
Resource :
{StaticResource ColorPalette.TertiaryLight}
Hex :
#4A4A4A
Resource :
{StaticResource ColorPalette.TertiaryLight}
Hex :
#76797A
Resource :
{StaticResource ColorPalette.Quaternary}
Hex :
#7F7F7F
Resource :
{StaticResource ColorPalette.QuaternaryLight}
Hex :
#8C8C8C
Resource :
{StaticResource ColorPalette.QuaternaryAir}
Hex :
#ACACAC
Resource :
{StaticResource ColorPalette.Quinary}
Hex :
#B2B2B2
Resource :
{StaticResource ColorPalette.QuinaryLight}
Hex :
#D9D9D9
Resource :
{StaticResource ColorPalette.QuinaryAir}
Hex :
#EBEBEB
Resource :
{StaticResource ColorPalette.Light}
Hex :
#F9F9F9
Resource :
{StaticResource ColorPalette.LightLight}
Hex :
#FFFFFF
Resource :
{StaticResource ColorPalette.LightAir}
Hex :
#AB69BF
Resource :
{StaticResource ColorPalette.Accent}
Hex :
#D297E3
Resource :
{StaticResource ColorPalette.AccentLight}
Hex :
#F4DDFA
Resource :
{StaticResource ColorPalette.AccentAir}
Hex :
#B54F4E
Resource :
{StaticResource StatusColorPalette.DangerDark}
Hex :
#F76D6D
Resource :
{StaticResource StatusColorPalette.Danger}
Hex :
#FFAAAA
Resource :
{StaticResource StatusColorPalette.DangerLight}
Hex :
#FFDEDE
Resource :
{StaticResource StatusColorPalette.DangerAir}
Hex :
#D8AD00
Resource :
{StaticResource StatusColorPalette.WarningDark}
Hex :
#FFDC52
Resource :
{StaticResource StatusColorPalette.Warning}
Hex :
#FCE794
Resource :
{StaticResource StatusColorPalette.WarningLight}
Hex :
#F3E9BC
Resource :
{StaticResource StatusColorPalette.WarningAir}
Hex :
#006700
Resource :
{StaticResource StatusColorPalette.SuccessDark}
Hex :
#5CB85C
Resource :
{StaticResource StatusColorPalette.Success}
Hex :
#9FD99F
Resource :
{StaticResource StatusColorPalette.SuccessLight}
Hex :
#CCEBCC
Resource :
{StaticResource StatusColorPalette.SuccessAir}
Hex :
#266B89
Resource :
{StaticResource StatusColorPalette.InfoDark}
Hex :
#337AB7
Resource :
{StaticResource StatusColorPalette.Info}
Hex :
#7FAFD8
Resource :
{StaticResource StatusColorPalette.InfoLight}
Hex :
#C4DBEF
Resource :
{StaticResource StatusColorPalette.InfoAir}
