Colors
Use Colors like so:
<Frame BackgroundColor="{dxui:DIPSColor Theme=TealPrimary}" />or
<Frame BackgroundColor="{x:Static dxui:Theme.TealPrimary}" /> 👉
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.
👉 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.
👉 To get started, make sure you have followed the getting started steps
Hex :
#047F89
Resource :
{dxui:DIPSColor Theme=TealPrimary}
Hex :
#65868F
Resource :
{dxui:DIPSColor Theme=TealPrimaryLight}
Hex :
#98B2AE
Resource :
{dxui:DIPSColor Theme=TealPrimaryAir}
Hex :
#97C8CD
Resource :
{dxui:DIPSColor Theme=TealSecondary}
Hex :
#ECF3F4
Resource :
{dxui:DIPSColor Theme=TealSecondaryLight}
Hex :
#F0F5F7
Resource :
{dxui:DIPSColor Theme=TealSecondaryAir}
Hex :
#000000
Resource :
{dxui:DIPSColor ColorPalette=Dark}
Hex :
#111111
Resource :
{dxui:DIPSColor ColorPalette=DarkLight}
Hex :
#3B3D3D
Resource :
{dxui:DIPSColor ColorPalette=DarkAir}
Hex :
#404040
Resource :
{dxui:DIPSColor ColorPalette=Tertiary}
Hex :
#4A4A4A
Resource :
{dxui:DIPSColor ColorPalette=TertiaryLight}
Hex :
#646464
Resource :
{dxui:DIPSColor ColorPalette=TertiaryAir}
Hex :
#76797A
Resource :
{dxui:DIPSColor ColorPalette=Quaternary}
Hex :
#7F7F7F
Resource :
{dxui:DIPSColor ColorPalette=QuaternaryLight}
Hex :
#8C8C8C
Resource :
{dxui:DIPSColor ColorPalette=QuaternaryAir}
Hex :
#ACACAC
Resource :
{dxui:DIPSColor ColorPalette=Quinary}
Hex :
#B2B2B2
Resource :
{dxui:DIPSColor ColorPalette=QuinaryLight}
Hex :
#D9D9D9
Resource :
{dxui:DIPSColor ColorPalette=QuinaryAir}
Hex :
#EBEBEB
Resource :
{dxui:DIPSColor ColorPalette=Light}
Hex :
#F9F9F9
Resource :
{dxui:DIPSColor ColorPalette=LightLight}
Hex :
#FFFFFF
Resource :
{dxui:DIPSColor ColorPalette=LightAir}
Hex :
#AB69BF
Resource :
{dxui:DIPSColor ColorPalette=Accent}
Hex :
#D297E3
Resource :
{dxui:DIPSColor ColorPalette=AccentLight}
Hex :
#F4DDFA
Resource :
{dxui:DIPSColor ColorPalette=AccentAir}
Hex :
#C9524D
Resource :
{dxui:DIPSColor StatusColorPalette=DangerDark}
Hex :
#F76D6D
Resource :
{dxui:DIPSColor StatusColorPalette=Danger}
Hex :
#E19D9A
Resource :
{dxui:DIPSColor StatusColorPalette=DangerLight}
Hex :
#FFDEDE
Resource :
{dxui:DIPSColor StatusColorPalette=DangerAir}
Hex :
#D29F0F
Resource :
{dxui:DIPSColor StatusColorPalette=WarningDark}
Hex :
#FFDC52
Resource :
{dxui:DIPSColor StatusColorPalette=Warning}
Hex :
#EDD5A6
Resource :
{dxui:DIPSColor StatusColorPalette=WarningLight}
Hex :
#F3E9BC
Resource :
{dxui:DIPSColor StatusColorPalette=WarningAir}
Hex :
#006700
Resource :
{dxui:DIPSColor StatusColorPalette=SuccessDark}
Hex :
#5CB85C
Resource :
{dxui:DIPSColor StatusColorPalette=Success}
Hex :
#9FD99F
Resource :
{dxui:DIPSColor StatusColorPalette=SuccessLight}
Hex :
#CCEBCC
Resource :
{dxui:DIPSColor StatusColorPalette=SuccessAir}
Hex :
#266B89
Resource :
{dxui:DIPSColor StatusColorPalette=InfoDark}
Hex :
#337AB7
Resource :
{dxui:DIPSColor StatusColorPalette=Info}
Hex :
#7FAFD8
Resource :
{dxui:DIPSColor StatusColorPalette=InfoLight}
Hex :
#C4DBEF
Resource :
{dxui:DIPSColor StatusColorPalette=InfoAir}
Hex :
#697577
Resource :
{dxui:DIPSColor StatusColorPalette=IdleDark}
Hex :
#92A1A3
Resource :
{dxui:DIPSColor StatusColorPalette=Idle}
Hex :
#B1BEBF
Resource :
{dxui:DIPSColor StatusColorPalette=IdleLight}
Hex :
#D3DDDE
Resource :
{dxui:DIPSColor StatusColorPalette=IdleAir}
