Optional top design layer

Additional variables calculated from main variables.

$ui-primary-color-emphasized

Emphasized main color derivated from ui-primary-color

Type: color

Default value: "color.adjust($ui-primary-color, $lightness: +11%)"

Computed value: "#2196f3"

Alias (for compatibility): $gbc-primary-medium-color,theme-primary-emphasis-background-color

$ui-primary-color-faded

Faded main color with fading derivated from ui-primary-color

Type: color

Default value: "color.adjust($ui-primary-color, $alpha: -0.6)"

Computed value: "rgba(11, 121, 209, 0.4)"

Alias (for compatibility): $gbc-primary-light-color,theme-primary-faded-background-color

$ui-background-color-disabled

Generally used as widgets disabled background color, derivated from "ui-background-color"

Type: color

Default value: $ui-background-color

Computed value: "rgb(247, 247, 247)"

Alias (for compatibility): $gbc-disabled-color,theme-disabled-background-color

$ui-container-color

Container color derivated from "ui-field-color"

Type: color

Default value: $ui-field-color

Computed value: "rgb(255, 255, 255)"

Alias (for compatibility): $gbc-secondary-background-color,theme-secondary-alternative-background-color

$ui-text-icon-color-faded

Faded texts & icons color derivated from "ui-text-icon-color"

Type: color

Default value: "color.adjust($ui-text-icon-color, $alpha: -0.46)"

Computed value: "rgba(31, 31, 31, 0.54)"

Alias (for compatibility): $theme-secondary-faded-color

$ui-text-icon-color-disabled

Generally used as widgets disabled foreground color

Type: color

Default value: "color.adjust($ui-text-icon-color, $alpha: -0.46)"

Computed value: "rgba(31, 31, 31, 0.54)"

Alias (for compatibility): $theme-disabled-color

$ui-overlay-color

Overlay color derivated from ui-text-icon-color

Type: color

Default value: "color.adjust($ui-text-icon-color, $alpha: -0.74)"

Computed value: "rgba(31, 31, 31, 0.26)"

Alias (for compatibility): $theme-overlay-background-color

$ui-field-height-ratio

Field height ratio

Type: number

Default value: 0.7

Computed value: 0.7

Alias (for compatibility): $gbc-field-height-ratio,theme-field-height-ratio

$ui-font-size-ratio

Global font-size ratio

Type: number

Default value: 0.8

Computed value: 0.8

Alias (for compatibility): $gbc-font-size-ratio,theme-font-size-ratio

$ui-margin-ratio

Theme margin ratio

Type: number

Default value: 0.6

Computed value: 0.6

Alias (for compatibility): $gbc-margin-ratio,theme-margin-ratio