Colors - DIPSAS/DIPS.Xamarin.UI GitHub Wiki
Getting started
Use Colors like so:
<Frame BackgroundColor="{dxui:DIPSColor Theme=TealPrimary}" />
or
<Frame BackgroundColor="{x:Static dxui:Theme.TealPrimary}" />
:point_right:
DIPS.Xamarin.UIlibrary does not have anything built in to support changing between dark / light mode. All of our controls have colors and you are free to use AppThemeBindings to get the style you want for the different themes.
:point_right: We have not included a
ResourceDictionarywithColors because of the lack of Intellisense from our IDE's. With theDIPSColormarkup extension we minimize the chances of potential errors when you develop your apps.
:point_right: To get started, make sure you have followed the getting started steps
Theme
Teal
Primary 
Hex :
#047F89
Resource :
{dxui:DIPSColor Theme=TealPrimary}
Primary Light 
Hex :
#65868F
Resource :
{dxui:DIPSColor Theme=TealPrimaryLight}
Primary Air 
Hex :
#98B2AE
Resource :
{dxui:DIPSColor Theme=TealPrimaryAir}
Secondary 
Hex :
#97C8CD
Resource :
{dxui:DIPSColor Theme=TealSecondary}
Secondary Light 
Hex :
#ECF3F4
Resource :
{dxui:DIPSColor Theme=TealSecondaryLight}
Secondary Air 
Hex :
#F0F5F7
Resource :
{dxui:DIPSColor Theme=TealSecondaryAir}
Color Palette
Dark
Dark 
Hex :
#000000
Resource :
{dxui:DIPSColor ColorPalette=Dark}
Dark Light 
Hex :
#111111
Resource :
{dxui:DIPSColor ColorPalette=DarkLight}
Dark Air 
Hex :
#3B3D3D
Resource :
{dxui:DIPSColor ColorPalette=DarkAir}
Tertiary
Tertiary 
Hex :
#404040
Resource :
{dxui:DIPSColor ColorPalette=Tertiary}
Tertiary Light 
Hex :
#4A4A4A
Resource :
{dxui:DIPSColor ColorPalette=TertiaryLight}
Tertiary Air 
Hex :
#646464
Resource :
{dxui:DIPSColor ColorPalette=TertiaryAir}
Quaternary
Quaternary 
Hex :
#76797A
Resource :
{dxui:DIPSColor ColorPalette=Quaternary}
Quaternary Light 
Hex :
#7F7F7F
Resource :
{dxui:DIPSColor ColorPalette=QuaternaryLight}
Quaternary Air 
Hex :
#8C8C8C
Resource :
{dxui:DIPSColor ColorPalette=QuaternaryAir}
Quinary
Quinary 
Hex :
#ACACAC
Resource :
{dxui:DIPSColor ColorPalette=Quinary}
Quinary Light 
Hex :
#B2B2B2
Resource :
{dxui:DIPSColor ColorPalette=QuinaryLight}
Quinary Air 
Hex :
#D9D9D9
Resource :
{dxui:DIPSColor ColorPalette=QuinaryAir}
Light
Light 
Hex :
#EBEBEB
Resource :
{dxui:DIPSColor ColorPalette=Light}
Light Light 
Hex :
#F9F9F9
Resource :
{dxui:DIPSColor ColorPalette=LightLight}
Light Air 
Hex :
#FFFFFF
Resource :
{dxui:DIPSColor ColorPalette=LightAir}
Accent
Accent 
Hex :
#AB69BF
Resource :
{dxui:DIPSColor ColorPalette=Accent}
Accent Light
Hex :
#D297E3
Resource :
{dxui:DIPSColor ColorPalette=AccentLight}
Accent Air 
Hex :
#F4DDFA
Resource :
{dxui:DIPSColor ColorPalette=AccentAir}
Status Color Palette
Danger
Danger Dark 
Hex :
#C9524D
Resource :
{dxui:DIPSColor StatusColorPalette=DangerDark}
Danger 
Hex :
#F76D6D
Resource :
{dxui:DIPSColor StatusColorPalette=Danger}
Danger Light 
Hex :
#E19D9A
Resource :
{dxui:DIPSColor StatusColorPalette=DangerLight}
Danger Air 
Hex :
#FFDEDE
Resource :
{dxui:DIPSColor StatusColorPalette=DangerAir}
Warning
Warning Dark 
Hex :
#D29F0F
Resource :
{dxui:DIPSColor StatusColorPalette=WarningDark}
Warning 
Hex :
#FFDC52
Resource :
{dxui:DIPSColor StatusColorPalette=Warning}
Warning Light 
Hex :
#EDD5A6
Resource :
{dxui:DIPSColor StatusColorPalette=WarningLight}
Warning Air 
Hex :
#F3E9BC
Resource :
{dxui:DIPSColor StatusColorPalette=WarningAir}
Success
Success Dark 
Hex :
#006700
Resource :
{dxui:DIPSColor StatusColorPalette=SuccessDark}
Success 
Hex :
#5CB85C
Resource :
{dxui:DIPSColor StatusColorPalette=Success}
Success Light 
Hex :
#9FD99F
Resource :
{dxui:DIPSColor StatusColorPalette=SuccessLight}
Success Air 
Hex :
#CCEBCC
Resource :
{dxui:DIPSColor StatusColorPalette=SuccessAir}
Info
Info Dark 
Hex :
#266B89
Resource :
{dxui:DIPSColor StatusColorPalette=InfoDark}
Info 
Hex :
#337AB7
Resource :
{dxui:DIPSColor StatusColorPalette=Info}
Info Light 
Hex :
#7FAFD8
Resource :
{dxui:DIPSColor StatusColorPalette=InfoLight}
Info Air 
Hex :
#C4DBEF
Resource :
{dxui:DIPSColor StatusColorPalette=InfoAir}
Idle
Idle Dark 
Hex :
#697577
Resource :
{dxui:DIPSColor StatusColorPalette=IdleDark}
Idle 
Hex :
#92A1A3
Resource :
{dxui:DIPSColor StatusColorPalette=Idle}
Idle Light 
Hex :
#B1BEBF
Resource :
{dxui:DIPSColor StatusColorPalette=IdleLight}
Idle Air 
Hex :
#D3DDDE
Resource :
{dxui:DIPSColor StatusColorPalette=IdleAir}