ChromeBar widget

Variables to customize ChromeBar widget

$gbc-ChromeBarWidget-height

Defines the ChromeBar height

Type: size

Default value: $32px

Computed value: 32px

$gbc-ChromeBarWidget-item-height

Defines the ChromeBar item height

Type: size

Default value: $gbc-ChromeBarWidget-height* 0.6

Computed value: 19.2px

$gbc-ChromeBarWidget-item-toggle-margin

Defines the ChromeBar item toggle (burger + dots) margins

Type: size

Default value: $16px

Computed value: 16px

$gbc-ChromeBarWidget-title-margin

Defines the ChromeBar title margin

Type: size

Default value: $32px

Computed value: 32px

$gbc-ChromeBarWidget-item-spacing

Defines the space between ChromeBar item

Type: size

Default value: $24px

Computed value: 24px

$gbc-ChromeBarWidget-right-item-height

Defines the Right ChromeBar item height

Type: size

Default value: $gbc-ChromeBarWidget-height* 1.5

Computed value: 48px

$gbc-ChromeBarWidget-right-item-margin

Defines the Right ChromeBar item margins

Type: size

Default value: $16px

Computed value: 16px

$gbc-ChromeBarWidget-right-item-image-margin

Defines the Right ChromeBar item image margins

Type: size

Default value: $calc($gbc-ChromeBarWidget-title-margin / 2)

Computed value: 16px

$gbc-ChromeBarWidget-visible-items

space separated item identifiers, could be "debug", "runInGDC", "uploadStatus", "runtimeStatus", "proxyLog", "VMLog", "settings"

Type: array

Default value: $uploadStatus runtimeStatus settings

Computed value: uploadStatus runtimeStatus settings

$gbc-ChromeBarWidget-flow-gbc-items

Force GBC items to be flown in the right sidebar

Type: boolean

$gbc-ChromeBarWidget-goto-back-active-window-background

Chromebar goto back active window background

Type: color

Default value: $theme-chromebar-goto-active-window-background-color

Computed value: #1976d2

$gbc-ChromeBarWidget-goto-back-active-window-background-hover

Chromebar goto back active window background hover

Type: color

Default value: $theme-chromebar-goto-active-window-background-hover-color

Computed value: #1e88e5

$gbc-ChromeBarWidget-inactive-window-background-color

Chromebar inactive window background color

Type: color

Default value: $theme-chromebar-inactive-window-background-color

Computed value: rgba(33, 33, 33, 0.26)

$gbc-ChromeBarWidget-item-error-color

Chromebar item error color

Type: color

Default value: $palette-error-400

Computed value: #ef5350