Colors

VelocityX includes a generous palette of great-looking, well-balanced colors that are perfect for prototyping or for kicking off a brand new project.

tip

You can either use the color directly or get the hex value

To get a color

Vx.{colorname}{number}
eg: Vx.blue900

To get a hexColor

Vx.{colorname}Hex{number}
eg: Vx.blueHex900

To use a text color

.{colorname}{number}
eg: text.blue900

To set a text color

.color({yourcolor})
eg: text.color(Colors.blue)

To use a box(container) color

.{colorname}{number}
eg: box.blue900

To set a box(container) color

.color({yourcolor})
eg: box.color(Colors.blue)

Checkout the Color Palette here