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"