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

Default value: false

$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: "#0b79d1"

$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: "#2196f3"

$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: "color.adjust($theme-error-background-color, $lightness: +7%)"

Computed value: "#f66358"