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