Theme variables reference

This topic lists the theme variables you can use or change in your theme.scss.json file.

Theme

Defines theme main variables

Theme colors

Defines theme main colors

$theme-selection-text-color = $theme-currentrow-color
computed value
white

Theme selection text color

Type color
Default value $theme-currentrow-color

$theme-primary-color = $palette-text-primary-100
computed value
white

Theme primary color

Type color
Default value $palette-text-primary-100
Aliases (for compatibility only) $gbc-secondary-text-color

$theme-primary-background-color = $palette-primary-700
computed value
#1976d2

Theme primary background color

Type color
Default value $palette-primary-700
Aliases (for compatibility only) $gbc-primary-color

$theme-primary-emphasis-background-color = $palette-primary-500
computed value
#2196f3

Theme primary emphasis background color

Type color
Default value $palette-primary-500
Aliases (for compatibility only) $gbc-primary-medium-color

$theme-primary-faded-background-color = $palette-primary-100
computed value
#bbdefb

Theme primary faded background color

Type color
Default value $palette-primary-100
Aliases (for compatibility only) $gbc-primary-light-color

$theme-secondary-color = $palette-text-secondary-100
computed value
#212121

Theme secondary color

Type color
Default value $palette-text-secondary-100
Aliases (for compatibility only) $gbc-primary-text-color

$theme-secondary-faded-color = $palette-text-secondary-54
computed value
rgba(33, 33, 33, 0.54)

Theme secondary faded color

Type color
Default value $palette-text-secondary-54

$theme-secondary-background-color = $palette-secondary-50
computed value
#fafafa

Theme secondary background color

Type color
Default value $palette-secondary-50
Aliases (for compatibility only) $gbc-primary-background-color

$theme-secondary-alternative-background-color = $mt-white
computed value
#ffffff

Theme secondary alternative background color

Type color
Default value $mt-white
Aliases (for compatibility only) $gbc-secondary-background-color

$theme-field-background-color = $mt-white
computed value
#ffffff

Theme field background color

Widget background color.

Type color
Default value $mt-white
Aliases (for compatibility only) $gbc-field-background-color

$theme-header-color = $palette-secondary-100
computed value
whitesmoke

Theme header color

Table header background color.

Type color
Default value $palette-secondary-100
Aliases (for compatibility only) $gbc-header-color

$theme-separator-color = $palette-secondary-400
computed value
#bdbdbd

Theme separator color

Toolbar separator color.

Type color
Default value $palette-secondary-400
Aliases (for compatibility only) $gbc-separator-color

$theme-disabled-color = $palette-disabled-200
computed value
#eeeeee

Theme disabled color

Generally used as widgets disabled foreground color

Type color
Default value $palette-disabled-200

$theme-disabled-background-color = $palette-disabled-400
computed value
#bdbdbd

Theme disabled background color

Generally used as widgets disabled background color

Type color
Default value $palette-disabled-400
Aliases (for compatibility only) $gbc-disabled-color

$theme-field-disabled-background-color = $palette-disabled-200
computed value
#eeeeee

Theme field disabled background color

Widget disabled background color.

Type color
Default value $palette-disabled-200
Aliases (for compatibility only) $gbc-field-disabled-background-color

$theme-field-readonly-background-color = $palette-disabled-200
computed value
#eeeeee

Theme field readonly background color

Type color
Default value $palette-disabled-200
Aliases (for compatibility only) $gbc-field-readonly-background-color

$theme-placeholder-color = $palette-disabled-400
computed value
#bdbdbd

Theme placeholder color

Type color
Default value $palette-disabled-400

$theme-overlay-background-color = $palette-text-secondary-26
computed value
rgba(33, 33, 33, 0.26)

Theme overlay color

Type color
Default value $palette-text-secondary-26

$theme-message-color = $theme-primary-color
computed value
white

Message foreground color.

Type color
Default value $theme-primary-color

$theme-message-background-color = $palette-secondary-800
computed value
#424242

Message background color.

Type color
Default value $palette-secondary-800
Aliases (for compatibility only) $gbc-message-color

$theme-error-color = $theme-primary-color
computed value
white

Error message foreground color.

Type color
Default value $theme-primary-color

$theme-error-background-color = $mt-red-800
computed value
#c62828

Error message background color.

Type color
Default value $mt-red-800
Aliases (for compatibility only) $gbc-error-color

$theme-currentrow-color = $theme-primary-color
computed value
white

Type color
Default value $theme-primary-color

$theme-currentrow-background-color = $theme-primary-emphasis-background-color
computed value
#2196f3

Type color
Default value $theme-primary-emphasis-background-color
Theme layout variables

Defines theme layout variables

$theme-field-height-ratio = 0.7
computed value
0.7

Theme field height ratio

Ratio applied to the space around text in a field (top and bottom).

Type number
Default value 0.7
Aliases (for compatibility only) $gbc-field-height-ratio

$theme-field-default-height = $theme-field-height-ratio * 32px
computed value
22.4px

Theme field default height

Type size
Default value $theme-field-height-ratio * 32px
Aliases (for compatibility only) $field-default-height

$theme-font-size-ratio = 0.8
computed value
0.8

Theme font-size ratio

The font size adjustment ratio in relation to Droid Sans font family sizes. For example, if the browser's available font for the <body> element is Times (12px), size of letters are adjusted by multiplying theme-font-size-ratio by font size. In our example, they display at 10.8 pixels high, (0.9 × 12).

Type number
Default value 0.8
Aliases (for compatibility only) $gbc-font-size-ratio

$theme-host-action-default-height = $theme-margin-ratio * 56px
computed value
33.6px

Theme host-action default height

Type size
Default value $theme-margin-ratio * 56px
Aliases (for compatibility only) $mt-toolbar-height

$theme-button-default-width = $theme-font-size-ratio * 100px
computed value
80px

theme button default width

Type size
Default value $theme-font-size-ratio * 100px
Aliases (for compatibility only) $button-default-width

$theme-margin-ratio = 0.6
computed value
0.6

Theme margin ratio

Ratio applied to the margin or space on the left of a field. When you type text in a field you have some space before text that is defined by this variable.

Type number
Default value 0.6
Aliases (for compatibility only) $gbc-margin-ratio

$theme-input-padding-top = $theme-margin-ratio*2px
computed value
1.2px

Theme input padding-top

Type size
Default value $theme-margin-ratio*2px

$theme-input-padding-right = $theme-margin-ratio*6px
computed value
3.6px

Theme input padding-right

Type size
Default value $theme-margin-ratio*6px

$theme-input-padding-bottom = $theme-margin-ratio*2px
computed value
1.2px

Theme input padding-bottom

Type size
Default value $theme-margin-ratio*2px

$theme-input-padding-left = $theme-margin-ratio*6px
computed value
3.6px

Theme input padding-left

Type size
Default value $theme-margin-ratio*6px

$theme-textarea-padding-top = $theme-margin-ratio*4px
computed value
2.4px

Theme textarea padding-top

Type size
Default value $theme-margin-ratio*4px

$theme-textarea-padding-right = $theme-input-padding-right
computed value
3.6px

Theme textarea padding-right

Type size
Default value $theme-input-padding-right

$theme-textarea-padding-bottom = 0
computed value
0

Theme textarea padding-bottom

Type size
Default value 0

$theme-textarea-padding-left = $theme-input-padding-left
computed value
3.6px

Theme textarea padding-left

Type size
Default value $theme-input-padding-left

$theme-table-margin = 6px
computed value
6px

Type size
Default value 6px
Aliases (for compatibility only) $gbc-table-margin

$theme-combobox-margin = 5px
computed value
5px

Type size
Default value 5px
Aliases (for compatibility only) $gbc-combobox-margin

$theme-combobox-padding = 2px
computed value
2px

Type size
Default value 2px
Aliases (for compatibility only) $gbc-combobox-padding

$theme-radiobutton-size = 14px
computed value
14px

radiobutton size

Size of the radio button in pixels.

Type size
Default value 14px
Aliases (for compatibility only) $gbc-radiobutton-size

$theme-checkbox-size = 14px
computed value
14px

checkbox size

Size of the checkbox in pixels

Type size
Default value 14px
Aliases (for compatibility only) $gbc-checkbox-size

$theme-sidebar-always-visible-min-width = 1400px
computed value
1400px

Theme sidebar always-visible min-width

Browser window width size (in pixels) for the left sidebar to appear. Use this setting to hide the left sidebar.See Display or hide the sidebar.

Type size
Default value 1400px
Aliases (for compatibility only) $gbc-sidebar-always-visible-min-width

$theme-sidebar-default-width = 300px
computed value
300px

Theme sidebar default width

Default size of sidebar in pixels.

Type size
Default value 300px
Aliases (for compatibility only) $gbc-sidebar-default-width

$theme-sidebar-max-width = 800px
computed value
800px

Type size
Default value 800px
Aliases (for compatibility only) $gbc-sidebar-max-width

$theme-toggle-chromebar-min-width = 720px
computed value
720px

chromebar toggling min-width

Warning, this is a deprecated feature! Browser window width size (in pixels) for the chromebar to appear. Use this setting to hide the chromebar.

Type size
Default value 720px
Aliases (for compatibility only) $theme-toggle-right-sidebar-min-width $gbc-toggle-right-sidebar-min-width

$theme-group-separation-size = $theme-margin-ratio * 12
computed value
7.2

Type string
Default value $theme-margin-ratio * 12
Aliases (for compatibility only) $group-separation-size

$theme-splitter-size = $theme-group-separation-size * 1px
computed value
7.2px

Theme splitter size

Type size
Default value $theme-group-separation-size * 1px
Aliases (for compatibility only) $splitter-size

$theme-traditional-mode-letter-spacing = 1px
computed value
1px

Type size
Default value 1px
Aliases (for compatibility only) $traditional-mode-letter-spacing

$theme-max-icon-size = 32px
computed value
32px

Type size
Default value 32px
Aliases (for compatibility only) $gbc-max-icon-size

$theme-small-icon-size = 20px * $theme-font-size-ratio
computed value
16px

Type size
Default value 20px * $theme-font-size-ratio

$theme-grid-inner-gutter = 3
computed value
3

Type number
Default value 3
Aliases (for compatibility only) $layout-grid-inner-gutter

$theme-grid-inner-gutter-x = undefined
computed value
false

if defined override the 'theme-grid-inner-gutter' value

Type number

$theme-grid-inner-gutter-y = undefined
computed value
false

if defined override the 'theme-grid-inner-gutter' value

Type number
Theme network features

Defines themere variables linked to network features

$theme-network-use-credentials-headers = false
computed value
false

Enable credentials headers

Enable credentials headers

Type boolean
Theme miscellaneous

Defines theme variables

$theme-font-family = '"Droid Sans", sans-serif'
computed value
\"Droid Sans\", sans-serif

Theme font family

Type string
Default value '"Droid Sans", sans-serif'

$theme-font-family-monospace = '"Droid Sans Mono", monospace'
computed value
\"Droid Sans Mono\", monospace

Theme font family monospace

Type string
Default value '"Droid Sans Mono", monospace'

$theme-animation-duration = 0.3s
computed value
0.3s

Animation duration (in seconds), such as the speed of Product identication window pop-down appearance.

Type string
Default value 0.3s
Aliases (for compatibility only) $gbc-animation-duration

$theme-disable-ending-popup = false
computed value
false

Deactivates the pop-up warning displayed on leaving an application.
The pop-up warning will be shown if at a least one interaction/change has occurred on the application.
In development mode on httpdispatch or using the debugMode=1 query string, the popup is never shown.

Type boolean
Default value false
Aliases (for compatibility only) $gbc-disable-ending-popup $gbc-desactivate-ending-popup

$theme-disable-context-menu = true
computed value
true

Disable context menu

Disable the genero context menu

Type boolean
Default value true
Aliases (for compatibility only) $gbc-disable-context-menu

$theme-scrollers-clickonly = false
computed value
false

Define general scrollers behavior

Type boolean
Aliases (for compatibility only) $gbc-scrollers-clickonly

$theme-scrollers-speed = 10
computed value
10

Define the scrollers speed

Type number
Default value 10
Aliases (for compatibility only) $gbc-scrollers-speed

$theme-message-display-time = 0
computed value
0

Specify the number of seconds to display the message pane

  • A positive value is the number of seconds to display the pane before fade-out.
  • Set to zero (0) to always show the pane.
  • Set to a negative value to always hide the pane.

Type number
Aliases (for compatibility only) $gbc-message-display-time

$theme-message-display-position = bottom-right
computed value
bottom-right

Position of the message panel.
Valid values are:

  • top-left
  • top-center
  • top-right
  • bottom-left
  • bottom-center
  • bottom-right (default)

If the error and message positions are defined for the same place, the two panels will stack.

Type string
Default value bottom-right
Possible values top-left top-center top-right bottom-left bottom-center bottom-right
Aliases (for compatibility only) $gbc-message-position

$theme-error-display-time = 0
computed value
0

Specify the number of seconds to display the error message pane

  • A positive value is the number of seconds to display the pane before fade-out.
  • Set to zero (0) to always show the pane.
  • Set to a negative value to always hide the pane.

Type number
Aliases (for compatibility only) $gbc-error-display-time

$theme-error-display-position = bottom-right
computed value
bottom-right

Position of the error panel.
Valid values are:

  • top-left
  • top-center
  • top-right
  • bottom-left
  • bottom-center
  • bottom-right (default)

If the error and message positions are defined for the same place, the two panels will stack.

Type string
Default value bottom-right
Possible values top-left top-center top-right bottom-left bottom-center bottom-right
Aliases (for compatibility only) $gbc-error-position

$theme-collapser-position = left
computed value
left

Define the default collapser position (left or right)

Type
Default value left

$aui-mutation-watch = false
computed value
false

Gbc Watch aui mutations

Enable watching aui mutations

Type boolean

$aui-mobileUI-default = false
computed value
false

Define if 'mobileUI' flag is sent to DVM

Type boolean

$theme-table-default-widget = table
computed value
table

Gbc table default widget

Gbc default widget used to render table (if value is 'listview' table will be rendered as listview by default else it will be rendered as normal table). Behavior can still be override by 4ST (tableType).

Type string
Default value table

$theme-legacy-topbar = false
computed value
false

Use the old topbar of GBC instead of Chromebar

Warning, this is a deprecated feature, the old topbar will be removed in the future

Type boolean

$theme-default-reduceFilter = false
computed value
false

Define if 'reduceFilter' is set by default for Tables and ScrollGrids

Type boolean
Main color palettes

Defines general colors palettes appearing in the customization

$palette-primary = $mt-blue
computed value
#2196f3

50
100
200
300
400
500
600
700
800
900
a100
a200
a400
a700

Primary color base

Defines the theme's main color base

Type color
Default value $mt-blue
Generator material-color
50
100
200
300
400
500
600
700
800
900
a100
a200
a400
a700
Aliases (for compatibility only) $primary

$palette-secondary = $mt-grey
computed value
#9e9e9e

50
100
200
300
400
500
600
700
800
900
a100
a200
a400
a700

Secondary color base

Defines the theme's secondary color base

Type color
Default value $mt-grey
Generator material-color
50
100
200
300
400
500
600
700
800
900
a100
a200
a400
a700

$palette-disabled = $mt-grey
computed value
#9e9e9e

50
100
200
300
400
500
600
700
800
900
a100
a200
a400
a700

Disabled color base

Defines the theme's disabled color base

Type color
Default value $mt-grey
Generator material-color
50
100
200
300
400
500
600
700
800
900
a100
a200
a400
a700

CONST $palette-text-primary = $mt-text-white
computed value
#ffffff

100
87
54
26
12
0

Text Light

Type color
Value $mt-text-white
Generator material-text-color
100
87
54
26
12
0
Aliases (for compatibility only) $text-light

CONST $palette-text-secondary = $mt-text-black
computed value
#212121

100
87
54
26
12
0

Text Dark

Type color
Value $mt-text-black
Generator material-text-color
100
87
54
26
12
0
Aliases (for compatibility only) $text-dark
Features
Gbc Fonts

Configure Gbc fonts

$droid-font-path = "$$RES/fonts"
computed value
$$RES/fonts

Droid font path

Type string
Default value "$$RES/fonts"

$mdi-font-path = "$$RES/fonts"
computed value
$$RES/fonts

Material design icons font path

Type string
Default value "$$RES/fonts"

$mdi-css-prefix = zmdi
computed value
zmdi

Material design icons css prefix

Type string
Default value zmdi

$mdi-cust-icons = []
computed value
""

Defines additional icons used in the customization

space separated icons identifiers

Type array<mdi>
Default value []
Possible values
Host menu actions order

Defines the order of the different actions available in the host menu

$host-menu-order-upload-icon = 1
computed value
1

Host Menu Order upload-icon

Type number
Default value 1

$host-menu-order-runtime-status = 10
computed value
10

Host Menu Order runtime-status

Type number
Default value 10

$host-menu-order-about = 50
computed value
50

Host Menu Order about

Type number
Default value 50

$host-menu-order-debug = 100
computed value
100

Host Menu Order debug

Type number
Default value 100

$host-menu-order-run-gwc = 200
computed value
200

Host Menu Order run-gwc

Type number
Default value 200

$host-menu-order-run-gdc = 500
computed value
500

Host Menu Order run-gdc

Type number
Default value 500

$host-menu-order-log-proxy = 1000
computed value
1000

Host Menu Order log-proxy

Type number
Default value 1000

$host-menu-order-log-vm = 2000
computed value
2000

Host Menu Order log-vm

Type number
Default value 2000

$host-menu-order-settings = 5000
computed value
5000

Host Menu Order settings

Type number
Default value 5000

$host-menu-order-bookmark = 10000
computed value
10000

Host Menu Order bookmark

Type number
Default value 10000

$host-menu-order-close = 20000
computed value
20000

Host Menu Order close

Type number
Default value 20000
HTML defalults variables

variables applied to defaults HTML elements

$html-font-family = $theme-font-family
computed value
\"Droid Sans\", sans-serif

html font family

Type string
Default value $theme-font-family

$html-font-family-monospace = $theme-font-family-monospace
computed value
\"Droid Sans Mono\", monospace

html font family monospace

Type string
Default value $theme-font-family-monospace

$html-font-size-ratio = $theme-font-size-ratio
computed value
0.8

html font size ratio

Type number
Default value $theme-font-size-ratio

$html-anchor-color = $theme-primary-background-color
computed value
#1976d2

html anchor color

Type color
Default value $theme-primary-background-color

$html-anchor-active-color = $theme-primary-emphasis-background-color
computed value
#2196f3

html anchor active color

Type color
Default value $theme-primary-emphasis-background-color

$html-separator-color = $theme-separator-color
computed value
#bdbdbd

html separator color

Type color
Default value $theme-separator-color
Z-indexes

Defines the different layer levels used in the customization

$z-index-Normal = 1
computed value
1

Z-index Normal

Type number
Default value 1

$z-index-above-Normal = $z-index-Normal + 1
computed value
2

Z-index above-Normal

Type number
Default value $z-index-Normal + 1

$z-index-TopMenu = $z-index-Normal * 10
computed value
10

Z-index TopMenu

Type number
Default value $z-index-Normal * 10

$z-index-Toolbar = $z-index-Normal * 20
computed value
20

Z-index Toolbar

Type number
Default value $z-index-Normal * 20

$z-index-under-Dialog = $z-index-Normal * 39
computed value
39

Z-index under Dialog

Type number
Default value $z-index-Normal * 39

$z-index-Dialog = $z-index-Normal * 40
computed value
40

Z-index Dialog

Type number
Default value $z-index-Normal * 40

$z-index-Modal = $z-index-Normal * 55
computed value
55

Z-index Modal

Type number
Default value $z-index-Normal * 55

$z-index-BarsContainer = $z-index-Normal * 56
computed value
56

Z-index BarsContainer

Type number
Default value $z-index-Normal * 56

$z-index-Tabbed-Modal = $z-index-Normal * 57
computed value
57

Z-index TabbedContainer Modal

Type number
Default value $z-index-Normal * 57

$z-index-DropDown = $z-index-Normal * 58
computed value
58

Z-index DropDown

Type number
Default value $z-index-Normal * 58

$z-index-above-DropDown = $z-index-DropDown + 1
computed value
59

Z-index above-DropDown

Type number
Default value $z-index-DropDown + 1

$z-index-Message = $z-index-Normal * 60
computed value
60

Z-index Message

Type number
Default value $z-index-Normal * 60

$z-index-LogPrompt = $z-index-Normal * 100
computed value
100

Z-index LogPrompt

Type number
Default value $z-index-Normal * 100
Gbc layout variables

Configure Gbc layout variables

Material variables
mt-button

$mt-button-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$mt-button-default-height = $theme-field-default-height
computed value
22.4px

Type size
Default value $theme-field-default-height

$mt-button-default-width = $theme-button-default-width
computed value
80px

Type size
Default value $theme-button-default-width

$mt-button-primary-background-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$mt-button-primary-emphasis-background-color = $theme-primary-emphasis-background-color
computed value
#2196f3

Type color
Default value $theme-primary-emphasis-background-color

$mt-button-primary-faded-background-color = $theme-primary-faded-background-color
computed value
#bbdefb

Type color
Default value $theme-primary-faded-background-color

$mt-button-primary-color = $theme-primary-color
computed value
white

Type color
Default value $theme-primary-color

$mt-button-secondary-faded-color = $theme-secondary-faded-color
computed value
rgba(33, 33, 33, 0.54)

Type color
Default value $theme-secondary-faded-color

$mt-button-disabled-color = $theme-disabled-color
computed value
#eeeeee

Type color
Default value $theme-disabled-color

$mt-button-disabled-background-color = $theme-disabled-background-color
computed value
#bdbdbd

Type color
Default value $theme-disabled-background-color

$mt-button-separator-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color
mt-card

$mt-card-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$mt-card-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio

$mt-card-separator-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color
mt-dialog

$mt-dialog-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$mt-dialog-field-height-ratio = $theme-field-height-ratio
computed value
0.7

Type number
Default value $theme-field-height-ratio

$mt-dialog-z-index = $z-index-Dialog
computed value
40

Type number
Default value $z-index-Dialog

$mt-dialog-modal-z-index = $z-index-Modal
computed value
55

Type number
Default value $z-index-Modal

$mt-dialog-background-color = $theme-secondary-alternative-background-color
computed value
#ffffff

$mt-dialog-overlay-background-color = $theme-overlay-background-color
computed value
rgba(33, 33, 33, 0.26)

Type color
Default value $theme-overlay-background-color
mt-field

$mt-field-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$mt-field-default-height = $theme-field-default-height
computed value
22.4px

Type size
Default value $theme-field-default-height

$mt-field-background-color = $theme-field-background-color
computed value
#ffffff

Type color
Default value $theme-field-background-color

$mt-field-border-color = $theme-primary-faded-background-color
computed value
#bbdefb

Type color
Default value $theme-primary-faded-background-color

$mt-field-border-width-top = 0px
computed value
0px

Type size
Default value 0px

$mt-field-border-width-right = 0px
computed value
0px

Type size
Default value 0px

$mt-field-border-width-bottom = 2px
computed value
2px

Type size
Default value 2px

$mt-field-border-width-left = 0px
computed value
0px

Type size
Default value 0px

$mt-field-focus-border-color = $theme-primary-emphasis-background-color
computed value
#2196f3

Type color
Default value $theme-primary-emphasis-background-color

$mt-field-focus-border-width-top = 0px
computed value
0px

Type size
Default value 0px

$mt-field-focus-border-width-right = 0px
computed value
0px

Type size
Default value 0px

$mt-field-focus-border-width-bottom = 2px
computed value
2px

Type size
Default value 2px

$mt-field-focus-border-width-left = 0px
computed value
0px

Type size
Default value 0px

$mt-field-readonly-background-color = $theme-field-readonly-background-color
computed value
#eeeeee

Type color
Default value $theme-field-readonly-background-color

$mt-field-disabled-background-color = $theme-field-disabled-background-color
computed value
#eeeeee

Type color
Default value $theme-field-disabled-background-color

$mt-field-placeholder-color = $theme-placeholder-color
computed value
#bdbdbd

Type color
Default value $theme-placeholder-color

$mt-field-input-padding-top = $theme-input-padding-top
computed value
1.2px

Type size
Default value $theme-input-padding-top

$mt-field-input-padding-right = $theme-input-padding-right
computed value
3.6px

Type size
Default value $theme-input-padding-right

$mt-field-input-padding-bottom = $theme-input-padding-bottom
computed value
1.2px

Type size
Default value $theme-input-padding-bottom

$mt-field-input-padding-left = $theme-input-padding-left
computed value
3.6px

Type size
Default value $theme-input-padding-left

$mt-field-textarea-padding-top = $theme-textarea-padding-top
computed value
2.4px

Type size
Default value $theme-textarea-padding-top

$mt-field-textarea-padding-right = $theme-textarea-padding-right
computed value
3.6px

Type size
Default value $theme-textarea-padding-right

$mt-field-textarea-padding-bottom = $theme-textarea-padding-bottom
computed value
0

Type size
Default value $theme-textarea-padding-bottom

$mt-field-textarea-padding-left = $theme-textarea-padding-left
computed value
3.6px

Type size
Default value $theme-textarea-padding-left
mt-list

$mt-list-field-background-color = $theme-field-background-color
computed value
#ffffff

Type color
Default value $theme-field-background-color
mt-progress

$mt-progress-background-color = $theme-primary-faded-background-color
computed value
#bbdefb

Type color
Default value $theme-primary-faded-background-color

$mt-progress-color = $theme-primary-emphasis-background-color
computed value
#2196f3

Type color
Default value $theme-primary-emphasis-background-color

$mt-progress-alternate-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$mt-progress-height = 4px
computed value
4px

Type size
Default value 4px
mt-responsive

$mt-responsive-sidebar-always-visible-min-width = $theme-sidebar-always-visible-min-width
computed value
1400px

Type size
Default value $theme-sidebar-always-visible-min-width

$mt-responsive-sidebar-default-width = $theme-sidebar-default-width
computed value
300px

Type size
Default value $theme-sidebar-default-width

$mt-responsive-screen-width-breakpoint = 768
computed value
768

Phone and tablet width breakpoint (px number). Under that size we consider screen being on a phone.

Type number
Default value 768
mt-sidebar

$mt-sidebar-always-visible-min-width = $theme-sidebar-always-visible-min-width
computed value
1400px

Type size
Default value $theme-sidebar-always-visible-min-width

$mt-sidebar-default-width = $theme-sidebar-default-width
computed value
300px

Type size
Default value $theme-sidebar-default-width

$mt-sidebar-splitter-size = $theme-splitter-size
computed value
7.2px

Type size
Default value $theme-splitter-size

$mt-sidebar-item-height = $theme-host-action-default-height
computed value
33.6px

Type size
Default value $theme-host-action-default-height

$mt-sidebar-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$mt-sidebar-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio

$mt-sidebar-background-color = $theme-secondary-alternative-background-color
computed value
#ffffff

$mt-sidebar-item-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$mt-sidebar-overlay-background-color = $theme-overlay-background-color
computed value
rgba(33, 33, 33, 0.26)

Type color
Default value $theme-overlay-background-color

$mt-sidebar-resizer-hover-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color

$mt-sidebar-overlay-z-index = $z-index-DropDown
computed value
58

Type number
Default value $z-index-DropDown

$mt-sidebar-z-index = $z-index-above-DropDown
computed value
59

Type number
Default value $z-index-above-DropDown

$mt-sidebar-animation-duration = $theme-animation-duration
computed value
0.3s

Type string
Default value $theme-animation-duration
mt-tabs

$mt-tabs-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$mt-tabs-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio

$mt-tabs-tab-z-index = $z-index-Normal
computed value
1

Type number
Default value $z-index-Normal

$mt-tabs-tab-current-z-index = $z-index-above-Normal
computed value
2

Type number
Default value $z-index-above-Normal
mt-toolbar

$mt-toolbar-item-height = $theme-host-action-default-height
computed value
33.6px

Type size
Default value $theme-host-action-default-height

$mt-toolbar-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$mt-toolbar-color = $theme-primary-color
computed value
white

Type color
Default value $theme-primary-color

$mt-sidebar-faded-color = $theme-primary-faded-background-color
computed value
#bbdefb

Type color
Default value $theme-primary-faded-background-color

$mt-toolbar-background-color = $theme-primary-emphasis-background-color
computed value
#2196f3

Type color
Default value $theme-primary-emphasis-background-color

$mt-toolbar-separator-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color

$mt-toolbar-z-index = $z-index-Toolbar
computed value
20

Type number
Default value $z-index-Toolbar
Widgets specific variables

Configure variables specific to a widget

Application Host level specific variables

Configure variables specific to Application Host

$gbc-ApplicationHostMenuWidget-actions-height = $theme-margin-ratio*72px
computed value
43.2px

Gbc ApplicationHostMenuWidget actions height

Type size
Default value $theme-margin-ratio*72px

$gbc-ApplicationHostMenuWidget-chromebar-min-width = $theme-toggle-chromebar-min-width
computed value
720px

Type size
Default value $theme-toggle-chromebar-min-width
Aliases (for compatibility only) $gbc-ApplicationHostMenuWidget-right-sidebar-min-width

$gbc-ApplicationHostMenuWidget-toolbar-z-index = $z-index-BarsContainer
computed value
56

Gbc ApplicationHostMenuWidget toolbar z-index

Type number
Default value $z-index-BarsContainer

$gbc-ApplicationHostMenuWidget-actions-z-index = $z-index-above-DropDown
computed value
59

Gbc ApplicationHostMenuWidget actions z-index

Type number
Default value $z-index-above-DropDown

$gbc-ApplicationHostMenuWidget-runtime-processing-opacity = 0.7
computed value
0.7

Type number
Default value 0.7

$gbc-SessionSidebarWindowItemWidget-height = $theme-margin-ratio*48px
computed value
28.8px

Gbc SessionSidebarWindowItemWidget height

Type size
Default value $theme-margin-ratio*48px

$gbc-MainContainerWidget-z-index = $z-index-under-Dialog
computed value
39

Gbc MainContainerWidget z-index

Type number
Default value $z-index-under-Dialog

$gbc-ApplicationHostMenuWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-ApplicationHostMenuWidget-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio

$gbc-ApplicationHostMenuWidget-background-color = $theme-secondary-alternative-background-color
computed value
#ffffff

$gbc-ApplicationHostMenuWidget-sidebar-item-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$gbc-ApplicationHostMenuWidget-toolbar-item-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$gbc-ApplicationHostMenuWidget-toolbar-item-hover-color = $theme-primary-emphasis-background-color
computed value
#2196f3

Type color
Default value $theme-primary-emphasis-background-color

$gbc-ApplicationHostWidget-dialog-button-hover-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$gbc-LogPlayerWidget-header-background-color = $theme-disabled-color
computed value
#eeeeee

Type color
Default value $theme-disabled-color

$gbc-LogPlayerWidget-separator-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color
Application launcher

$gbc-ApplicationLauncher-item-title-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$gbc-ApplicationLauncher-item-title-background-color = $theme-primary-color
computed value
white

Type color
Default value $theme-primary-color

$gbc-ApplicationLauncher-item-title-hover-background-color = $theme-primary-faded-background-color
computed value
#bbdefb

Type color
Default value $theme-primary-faded-background-color
Application Monitor Debug level specific variables

Configure variables specific to Application Monitor Debug

$gbc-MonitorDebug-block-title-color = $theme-primary-color
computed value
white

Type color
Default value $theme-primary-color

$gbc-MonitorDebug-block-title-background-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$gbc-MonitorDebug-block-title-background-hover-color = $theme-primary-faded-background-color
computed value
#bbdefb

Type color
Default value $theme-primary-faded-background-color

$gbc-MonitorDebug-odd-line-background-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color

$gbc-MonitorDebug-table-separator-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color

$gbc-MonitorDebug-placeholder-color = $mt-black
computed value
#000000

Type color
Default value $mt-black

$gbc-MonitorDebug-actions-height = $theme-margin-ratio*72px
computed value
43.2px

Gbc ApplicationHostMenuWidget actions height

Type size
Default value $theme-margin-ratio*72px
AccordionFolderWidget

$gbc-AccordionFolderWidget-title-margin = $theme-margin-ratio*16px
computed value
9.6px

Gbc AccordionWidget title margin

Type number
Default value $theme-margin-ratio*16px

$gbc-AccordionFolderWidget-page-margin = $theme-margin-ratio*10px
computed value
6px

Gbc AccordionWidget page margin

Type number
Default value $theme-margin-ratio*10px

$gbc-AccordionFolderWidget-font-size = $theme-font-size-ratio*18px
computed value
14.4px

Gbc AccordionWidget font size

Type number
Default value $theme-font-size-ratio*18px

$gbc-AccordionFolderWidget-color = $theme-secondary-color
computed value
#212121

Gbc AccordionWidget color

Type color
Default value $theme-secondary-color

$gbc-AccordionFolderWidget-background-color = $theme-header-color
computed value
whitesmoke

Gbc AccordionWidget background color

Type color
Default value $theme-header-color

$gbc-AccordionFolderWidget-collapser-position = $theme-collapser-position
computed value
left

Define the accordion folder collapser position (left or right)

Type string
Default value $theme-collapser-position
ChromeBarWidget

$gbc-ChromeBarWidget-height = 56px
computed value
56px

Defines the ChromeBar height

Type size
Default value 56px

$gbc-ChromeBarWidget-item-height = 24px
computed value
24px

Defines the ChromeBar item height

Type size
Default value 24px

$gbc-ChromeBarWidget-item-toggle-margin = 16px
computed value
16px

Defines the ChromeBar item toggle (burger + dots) margins

Type size
Default value 16px

$gbc-ChromeBarWidget-title-margin = 32px
computed value
32px

Defines the ChromeBar title margin

Type size
Default value 32px

$gbc-ChromeBarWidget-item-spacing = 24px
computed value
24px

Defines the space between ChromeBar item

Type size
Default value 24px

$gbc-ChromeBarWidget-right-item-height = $gbc-ChromeBarWidget-height
computed value
56px

Defines the Right ChromeBar item height

Type size
Default value $gbc-ChromeBarWidget-height

$gbc-ChromeBarWidget-right-item-margin = 16px
computed value
16px

Defines the Right ChromeBar item margins

Type size
Default value 16px

$gbc-ChromeBarWidget-right-item-image-margin = $gbc-ChromeBarWidget-title-margin
computed value
32px

Defines the Right ChromeBar item image margins

Type size
Default value $gbc-ChromeBarWidget-title-margin

$gbc-ChromeBarWidget-visible-items = uploadStatus runtimeStatus settings
computed value
uploadStatus runtimeStatus settings

Defines items visible in the Chromebar

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

Type array
Default value uploadStatus runtimeStatus settings

$gbc-ChromeBarWidget-flow-gbc-items = false
computed value
false

Force GBC items to the right sidebar

Force GBC items to be flown in the right sidebar

Type boolean
ContextMenuWidget

$gbc-ContextMenuWidget-separator-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color
FolderWidget

$gbc-FolderWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-FolderWidget-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio

$gbc-FolderWidget-separator-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color

$gbc-FolderWidget-tab-current-border-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$gbc-FolderWidget-trigger-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$gbc-FolderWidget-background-color = $theme-secondary-alternative-background-color
computed value
#ffffff

FormWidget

$gbc-FormWidget-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio
GroupWidget

$gbc-GroupWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-GroupWidget-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio

$gbc-GroupWidget-background-color = $theme-secondary-alternative-background-color
computed value
#ffffff

$gbc-GroupWidget-collapser-position = $theme-collapser-position
computed value
left

Define the group collapser position (left or right)

Type string
Default value $theme-collapser-position
HBoxSplitViewWidget

$gbc-HBoxSplitViewWidget-arrows-z-index = $z-index-above-Normal
computed value
2

Type number
Default value $z-index-above-Normal

$gbc-HBoxSplitViewWidget-dots-z-index = $z-index-above-Normal
computed value
2

Type number
Default value $z-index-above-Normal

$gbc-HBoxSplitViewWidget-arrows-color = $theme-secondary-faded-color
computed value
rgba(33, 33, 33, 0.54)

Type color
Default value $theme-secondary-faded-color

$gbc-HBoxSplitViewWidget-arrows-child-color = $theme-primary-color
computed value
white

Type color
Default value $theme-primary-color

$gbc-HBoxSplitViewWidget-dots-color = $theme-secondary-faded-color
computed value
rgba(33, 33, 33, 0.54)

Type color
Default value $theme-secondary-faded-color

$gbc-HBoxSplitViewWidget-dots-current-color = $theme-primary-color
computed value
white

Type color
Default value $theme-primary-color
ListViewWidget

$gbc-ListViewWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-ListViewWidget-table-margin = $theme-table-margin
computed value
6px

Type size
Default value $theme-table-margin

$gbc-ListViewWidget-background-color = $theme-field-background-color
computed value
#ffffff

Type color
Default value $theme-field-background-color

$gbc-ListViewWidget-border-width-top = $mt-field-border-width-top
computed value
0px

Type size
Default value $mt-field-border-width-top

$gbc-ListViewWidget-border-width-right = $mt-field-border-width-right
computed value
0px

Type size
Default value $mt-field-border-width-right

$gbc-ListViewWidget-border-width-bottom = $mt-field-border-width-bottom
computed value
2px

Type size
Default value $mt-field-border-width-bottom

$gbc-ListViewWidget-border-width-left = $mt-field-border-width-left
computed value
0px

Type size
Default value $mt-field-border-width-left

$gbc-ListViewWidget-border-color = $mt-field-border-color
computed value
#bbdefb

Type color
Default value $mt-field-border-color

$gbc-ListViewWidget-focus-border-width-top = $mt-field-focus-border-width-top
computed value
0px

Type size
Default value $mt-field-focus-border-width-top

$gbc-ListViewWidget-focus-border-width-right = $mt-field-focus-border-width-right
computed value
0px

Type size
Default value $mt-field-focus-border-width-right

$gbc-ListViewWidget-focus-border-width-bottom = $mt-field-focus-border-width-bottom
computed value
2px

Type size
Default value $mt-field-focus-border-width-bottom

$gbc-ListViewWidget-focus-border-width-left = $mt-field-focus-border-width-left
computed value
0px

Type size
Default value $mt-field-focus-border-width-left

$gbc-ListViewWidget-focus-border-color = $mt-field-focus-border-color
computed value
#2196f3

Type color
Default value $mt-field-focus-border-color

$gbc-ListViewWidget-currentRow-background-color = $theme-currentrow-background-color
computed value
#2196f3

Gbc ListViewWidget currentRow background color

Type color
Default value $theme-currentrow-background-color

$gbc-ListViewWidget-currentRow-color = $theme-currentrow-color
computed value
white

Gbc ListViewWidget currentRow text color

Type color
Default value $theme-currentrow-color

$gbc-ListViewWidget-min-width = 60
computed value
60

Gbc ListViewWidget minimum width (pixels)

Type number
Default value 60

$gbc-ListViewWidget-min-page-size = 1
computed value
1

Gbc ListViewWidget minimum page size

Type number
Default value 1
ModalWidget

$gbc-ModalWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-ModalWidget-field-height-ratio = $theme-field-height-ratio
computed value
0.7

Type number
Default value $theme-field-height-ratio

$gbc-ModalWidget-z-index = $z-index-Modal
computed value
55

Type number
Default value $z-index-Modal

$gbc-ModalWidget-button-hover-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color
PageWidget

$gbc-PageWidget-background-color = $theme-secondary-alternative-background-color
computed value
#ffffff

$gbc-PageTitleWidget-icon-size = $theme-small-icon-size
computed value
16px

Type size
Default value $theme-small-icon-size
ScrollGridWidget

$gbc-ScrollGridWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-ScrollGridWidget-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio

$gbc-ScrollGridWidget-field-default-height = $theme-field-default-height
computed value
22.4px

Type number
Default value $theme-field-default-height

$gbc-ScrollGridWidget-inner-gutter = $theme-grid-inner-gutter
computed value
3

Type number
Default value $theme-grid-inner-gutter

$gbc-ScrollGridWidget-disabled-color = $theme-disabled-color
computed value
#eeeeee

Type color
Default value $theme-disabled-color

$gbc-ScrollGridWidget-current-background-color = $theme-currentrow-background-color
computed value
#2196f3

Type color
Default value $theme-currentrow-background-color

$gbc-ScrollGridWidget-current-color = $theme-currentrow-color
computed value
white

Type color
Default value $theme-currentrow-color

$gbc-ScrollGridWidget-field-background-color = $theme-field-background-color
computed value
#ffffff

Type color
Default value $theme-field-background-color
SplitterWidget

$gbc-SplitterWidget-hover-color = $mt-light-grey-200
computed value
#eeeeee

SplitterWidget hover color

Type color
Default value $mt-light-grey-200

$gbc-SplitterWidget-splitter-size = $theme-splitter-size
computed value
7.2px

Type size
Default value $theme-splitter-size
StackWidget

$gbc-StackWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio
TableWidget

$gbc-TableWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-TableWidget-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio

$gbc-TableWidget-table-margin = $theme-table-margin
computed value
6px

Type size
Default value $theme-table-margin

$gbc-TableWidget-resizer-z-index = $z-index-above-Normal
computed value
2

Type number
Default value $z-index-above-Normal

$gbc-TableWidget-border-width-top = $mt-field-border-width-top
computed value
0px

Type size
Default value $mt-field-border-width-top

$gbc-TableWidget-border-width-right = $mt-field-border-width-right
computed value
0px

Type size
Default value $mt-field-border-width-right

$gbc-TableWidget-border-width-bottom = $mt-field-border-width-bottom
computed value
2px

Type size
Default value $mt-field-border-width-bottom

$gbc-TableWidget-border-width-left = $mt-field-border-width-left
computed value
0px

Type size
Default value $mt-field-border-width-left

$gbc-TableWidget-border-color = $mt-field-border-color
computed value
#bbdefb

Type color
Default value $mt-field-border-color

$gbc-TableWidget-focus-border-width-top = $mt-field-focus-border-width-top
computed value
0px

Type size
Default value $mt-field-focus-border-width-top

$gbc-TableWidget-focus-border-width-right = $mt-field-focus-border-width-right
computed value
0px

Type size
Default value $mt-field-focus-border-width-right

$gbc-TableWidget-focus-border-width-bottom = $mt-field-focus-border-width-bottom
computed value
2px

Type size
Default value $mt-field-focus-border-width-bottom

$gbc-TableWidget-focus-border-width-left = $mt-field-focus-border-width-left
computed value
0px

Type size
Default value $mt-field-focus-border-width-left

$gbc-TableWidget-focus-border-color = $mt-field-focus-border-color
computed value
#2196f3

Type color
Default value $mt-field-focus-border-color

$gbc-TableWidget-inner-border-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color

$gbc-TableWidget-field-background-color = $theme-field-background-color
computed value
#ffffff

Type color
Default value $theme-field-background-color

$gbc-TableWidget-field-disabled-background-color = $theme-field-disabled-background-color
computed value
#eeeeee

Type color
Default value $theme-field-disabled-background-color

$gbc-TableWidget-currentRow-background-color = $theme-currentrow-background-color
computed value
#2196f3

Gbc TableWidget currentRow background color

Type color
Default value $theme-currentrow-background-color

$gbc-TableWidget-unfocused-currentRow-background-color = $theme-primary-faded-background-color
computed value
#bbdefb

Gbc TableWidget unfocused currentRow background color

Type color
Default value $theme-primary-faded-background-color

$gbc-TableWidget-currentRow-color = $theme-currentrow-color
computed value
white

Gbc TableWidget currentRow text color

Type color
Default value $theme-currentrow-color

$gbc-TableWidget-unfocused-currentRow-color = $palette-text-secondary
computed value
#212121

Gbc TableWidget unfocused currentRow text color

Type color
Default value $palette-text-secondary

$gbc-TableWidget-dnd-border-color = $theme-separator-color
computed value
#bdbdbd

Gbc TableWidget dnd border color

Type color
Default value $theme-separator-color

$gbc-TableWidget-header-color = $theme-header-color
computed value
whitesmoke

Gbc TableWidget header text color

Type color
Default value $theme-header-color

$gbc-TableWidget-header-disabled-color = $theme-separator-color
computed value
#bdbdbd

Gbc TableWidget disabled header text color

Type color
Default value $theme-separator-color

$gbc-TableWidget-hover-color = $theme-primary-faded-background-color
computed value
#bbdefb

Gbc TableWidget hover color

Type color
Default value $theme-primary-faded-background-color

$gbc-TableWidget-mrs-border-color = $theme-separator-color
computed value
#bdbdbd

Gbc TableWidget mrs border color

Type color
Default value $theme-separator-color

$gbc-TableWidget-treeview-collapsed-icon = menu-right
computed value
menu-right

Gbc TableWidget Treeview icon when collapsed

Type string
Default value menu-right

$gbc-TableWidget-treeview-expanded-icon = menu-down
computed value
menu-down

Gbc TableWidget Treeview icon when expanded

Type string
Default value menu-down

$gbc-TableWidget-treeview-leaf-icon = blank
computed value
blank

Gbc TableWidget Treeview icon on leaf

Type string
Default value blank

$gbc-TableWidget-min-width = 60
computed value
60

Gbc TableWidget minimum width (pixels)

Type number
Default value 60
Aliases (for compatibility only) $table-min-width $theme-table-min-width

$gbc-TableWidget-min-page-size = 3
computed value
3

Gbc TableWidget minimum page size

Type number
Default value 3
Aliases (for compatibility only) $table-min-pageSize $theme-table-min-page-size

$gbc-TableWidget-focused-cell-border-width = 1px
computed value
1px

Gbc TableWidget focused cell highlight width

Type size
Default value 1px
ToolbarWidget

$gbc-ToolBarWidget-trigger-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$gbc-ToolBarWidget-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio

$gbc-ToolBarWidget-hover-color = $theme-primary-faded-background-color
computed value
#bbdefb

Type color
Default value $theme-primary-faded-background-color

$gbc-ToolBarSeparatorWidget-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color

$gbc-ToolBarItemWidget-icon-size = $theme-small-icon-size
computed value
16px

Type size
Default value $theme-small-icon-size
Top menu specific variables

Configure variables specific to Top menu widget

$gbc-TopMenuWidget-horizontal-padding = $theme-margin-ratio * 20px
computed value
12px

Type size
Default value $theme-margin-ratio * 20px

$gbc-TopMenuWidget-line-height = $theme-font-size-ratio * 26px
computed value
20.8px

Type size
Default value $theme-font-size-ratio * 26px

$gbc-TopMenuWidget-vertical-padding = $theme-margin-ratio * 6px
computed value
3.6px

Type size
Default value $theme-margin-ratio * 6px

$gbc-TopMenuWidget-hover-color = $theme-primary-faded-background-color
computed value
#bbdefb

Type color
Default value $theme-primary-faded-background-color

$gbc-TopMenuWidget-separator-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color

$gbc-TopMenuWidget-icon-size = $theme-small-icon-size
computed value
16px

Type size
Default value $theme-small-icon-size
TraditionalScreenWidget

$gbc-TraditionalScreenWidget-background-color = $theme-secondary-background-color
computed value
#fafafa

Type color
Default value $theme-secondary-background-color
UserInterfaceWidget

$gbc-UserInterfaceWidget-bars-container-z-index = $z-index-BarsContainer
computed value
56

Type number
Default value $z-index-BarsContainer

$gbc-UserInterfaceWidget-topmenu-z-index = $z-index-TopMenu
computed value
10

Type number
Default value $z-index-TopMenu

$gbc-UserInterfaceWidget-background-color = $theme-secondary-background-color
computed value
#fafafa

Type color
Default value $theme-secondary-background-color

$gbc-UserInterfaceWidget-separator-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color

$gbc-UserInterfaceWidget-header-color = $theme-header-color
computed value
whitesmoke

Type color
Default value $theme-header-color
WindowWidget

$gbc-WindowWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-WindowWidget-z-index = $z-index-Normal
computed value
1

Type number
Default value $z-index-Normal

$gbc-WindowWidget-background-color = $theme-secondary-background-color
computed value
#fafafa

Type color
Default value $theme-secondary-background-color

$gbc-WindowWidget-header-color = $theme-header-color
computed value
whitesmoke

Type color
Default value $theme-header-color

$gbc-WindowWidget-defaultActionPanelPosition = right
computed value
right

Change the default ActionPanel position

Type string
Default value right

$gbc-WindowWidget-defaultRingMenuPosition = right
computed value
right

Change the default RingMenu position

Type string
Default value right

$gbc-WindowWidget-defaultToolBarPosition = top
computed value
top

Change the default ToolBar position

Type string
Default value top
ButtonEditWidget

$gbc-ButtonEditWidget-default-height = $theme-field-default-height
computed value
22.4px

Type size
Default value $theme-field-default-height

$gbc-ButtonEditWidget-focus-border-color = $theme-primary-emphasis-background-color
computed value
#2196f3

Type color
Default value $theme-primary-emphasis-background-color
ButtonWidget

$gbc-ButtonWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-ButtonWidget-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio

$gbc-ButtonWidget-default-height = $theme-field-default-height
computed value
22.4px

Type size
Default value $theme-field-default-height

$gbc-ButtonWidget-color = $theme-primary-color
computed value
white

Type color
Default value $theme-primary-color

$gbc-ButtonWidget-focus-background-color = $theme-primary-emphasis-background-color
computed value
#2196f3

Type color
Default value $theme-primary-emphasis-background-color
CanvasWidget

$gbc-CanvasWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-CanvasWidget-default-height = $theme-field-default-height
computed value
22.4px

Type size
Default value $theme-field-default-height
CheckBoxWidget

$gbc-CheckBoxWidget-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-CheckBoxWidget-checkbox-size = $theme-checkbox-size
computed value
14px

Type size
Default value $theme-checkbox-size

$gbc-CheckBoxWidget-unchecked-color = $theme-secondary-color
computed value
#212121

Type color
Default value $theme-secondary-color

$gbc-CheckBoxWidget-checked-color = $theme-primary-background-color
computed value
#1976d2

Type color
Default value $theme-primary-background-color

$gbc-CheckBoxWidget-unchecked-icon = checkbox-blank-outline
computed value
checkbox-blank-outline

Type string
Default value checkbox-blank-outline

$gbc-CheckBoxWidget-indeterminate-icon = minus-box
computed value
minus-box

Type string
Default value minus-box

$gbc-CheckBoxWidget-checked-icon = checkbox-marked
computed value
checkbox-marked

Type string
Default value checkbox-marked

$gbc-CheckBoxWidget-disabled-color = $theme-disabled-background-color
computed value
#bdbdbd

Type color
Default value $theme-disabled-background-color

$gbc-CheckBoxWidget-focus-border-color = $theme-separator-color
computed value
#bdbdbd

Type color
Default value $theme-separator-color
ComboBoxWidget

$gbc-ComboBoxWidget-padding = $theme-combobox-padding
computed value
2px

Type size
Default value $theme-combobox-padding

$gbc-ComboBoxWidget-placeholder-color = $theme-placeholder-color
computed value
#bdbdbd

Type color
Default value $theme-placeholder-color

$gbc-ComboBoxWidget-background-color = $theme-field-background-color
computed value
#ffffff

Type color
Default value $theme-field-background-color

$gbc-ComboBoxWidget-color = $theme-secondary-color
computed value
#212121

Type color
Default value $theme-secondary-color

$gbc-ComboBoxWidget-toggle-icon = menu-down
computed value
menu-down

Type string
Default value menu-down

$gbc-ComboBoxWidget-toggle-open-icon = menu-down
computed value
menu-down

Type string
Default value menu-down

$gbc-ComboBoxWidget-toggle-size = 1em
computed value
1em

Type size
Default value 1em
CommandLinkWidget

$gbc-CommandLinkWidget-ttf-color = $mt-green-400
computed value
#66bb6a

Color definition of ttf icon in CommandLink Buttons

Type color
Default value $mt-green-400
DateEditWidget

$gbc-DateEdit-margin-ratio = $theme-margin-ratio
computed value
0.6

Type number
Default value $theme-margin-ratio

$gbc-DateEdit-field-height-ratio = $theme-field-height-ratio
computed value
0.7

Type size
Default value $theme-field-height-ratio

$gbc-DateEdit-font-size-ratio = $theme-font-size-ratio
computed value
0.8

Type number
Default value $theme-font-size-ratio