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