Logo FluentUI

Colors QML Type

A singleton palette providing standard and Fluent Design colors. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Methods

Detailed Description

Colors exposes a comprehensive set of named color constants and AccentColor instances that can be used throughout the application. It includes standard colors (transparent, black, white), a grey ramp (grey10 through grey220), semantic accent colors for feedback states (warning, error, success, info), and hue-specific AccentColor values (yellow, orange, red, magenta, purple, blue, teal, green).

Property Documentation

black : color

grey : color

transparent : color

white : color

Standard color constants.

blue : AccentColor

green : AccentColor

magenta : AccentColor

orange : AccentColor

purple : AccentColor

red : AccentColor

teal : AccentColor

yellow : AccentColor

Hue-specific AccentColor instances for themed color usage.

errorPrimaryColor : color

The primary color used for error indicators.

errorSecondaryColor : AccentColor

The AccentColor providing secondary error tones.

grey10 : color

grey100 : color

grey110 : color

grey120 : color

grey130 : color

grey140 : color

grey150 : color

grey160 : color

grey170 : color

grey180 : color

grey190 : color

grey20 : color

grey200 : color

grey210 : color

grey220 : color

grey30 : color

grey40 : color

grey50 : color

grey60 : color

grey70 : color

grey80 : color

grey90 : color

Shades of grey from lightest (grey10) to darkest (grey220).

infoPrimaryColor : color

The primary color used for informational indicators.

infoSecondaryColor : AccentColor

The AccentColor providing secondary informational tones.

successPrimaryColor : color

The primary color used for success indicators.

successSecondaryColor : AccentColor

The AccentColor providing secondary success tones.

warningPrimaryColor : color

The primary color used for warning indicators.

warningSecondaryColor : AccentColor

The AccentColor providing secondary warning tones.

Method Documentation

color withOpacity(color baseColor, real alpha)

Returns baseColor with its alpha channel set to alpha. This is a convenience wrapper for applying opacity to a color value.