Palette Color
Rock Mobile gives you the ability to have a whole suite of named colors that can be used in CSS. Things like the primary app color. But what if you want to access those colors in XAML as well? This extension gives you the ability to do just that.
To see the various colors available to you check out the Colors styling page.

Properties

Property
Type
Description
ColorName
string
The name of the palette color to be used.
The colors below are available as of Rock Server 1.12.5.
  • Text-Color
  • Heading-Color
  • Background-Color
  • App-Primary
  • App-Secondary
  • App-Success
  • App-Info
  • App-Danger
  • App-Warning
  • App-Light
  • App-Dark
  • App-Brand

Example

1
<Label Text="Welcome to Rock!"
2
TextColor="{Rock:PaletteColor App-Primary}" />
Copied!
This would set the label's text color to be the applications primary color, as defined in the app bundle. These color names are case-insensitive.
Last modified 6mo ago
Copy link