ChromeBar specific variables

Defines ChromeBar specific variables

$gbc-ChromeBar-color

Defines the ChromeBar text color

Type: color

Default value: $ui-on-primary-color

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

$gbc-ChromeBar-background-color

Defines the ChromeBar background color

Type: color

Default value: $ui-primary-color

Computed value: "rgb(11, 121, 209)"

$gbc-ChromeBar-height

Defines the ChromeBar height

Type: size

Default value: "42px"

Computed value: "42px"

Alias (for compatibility): $gbc-ChromeBarWidget-height

$gbc-ChromeBar-item-height

Defines the ChromeBar item height

Type: size

Default value: $gbc-ChromeBar-height* 0.6

Computed value: "25.2px"

Alias (for compatibility): $gbc-ChromeBarWidget-item-height

$gbc-ChromeBar-item-toggle-margin

Defines the ChromeBar item toggle (burger + dots) margins

Type: size

Default value: "16px"

Computed value: "16px"

Alias (for compatibility): $gbc-ChromeBarWidget-item-toggle-margin

$gbc-ChromeBar-title-margin

Defines the ChromeBar title margin

Type: size

Default value: "32px"

Computed value: "32px"

Alias (for compatibility): $gbc-ChromeBarWidget-title-margin

$gbc-ChromeBar-item-spacing

Defines the space between ChromeBar item

Type: size

Default value: "24px"

Computed value: "24px"

Alias (for compatibility): $gbc-ChromeBarWidget-item-spacing

$gbc-ChromeBar-visible-items

Space separated item identifiers, could be "close", "settings", "debug", "filter", "uploadStatus", "runInGdc". Notes: - close will be automatically added when needed. - filter will be automatically added as well and only displayed when needed.

Type: array

Default value: "uploadStatus settings"

Computed value: "uploadStatus settings"

Alias (for compatibility): $gbc-ChromeBarWidget-visible-items

$gbc-ChromeBar-flow-gbc-items

Force GBC items to be placed in the overflow menu

Type: boolean

Default value: false

Alias (for compatibility): $gbc-ChromeBarWidget-flow-gbc-items

$gbc-ChromeBar-pin-close-button

Force Close button to be placed in the ChromeBar, it will never overflow

Type: boolean

Default value: false

$gbc-ChromeBar-show

Enable or disable the visibility of the ChromeBar

Type: boolean

Default value: true

Computed value: true

$gbc-ChromeBar-item-error-color

ChromeBar item error color

Type: color

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

Computed value: "#f66358"

Alias (for compatibility): $gbc-ChromeBarWidget-item-error-color