Theme layout variables
Defines theme layout variables
$theme-field-default-height
Field default height
Type: size
Default value: $ui-field-height-ratio* 32px
Computed value: "22.4px"
Alias (for compatibility): $field-default-height
$theme-host-action-default-height
The default toolbar height
Type: size
Default value: $ui-margin-ratio* 56px
Computed value: "33.6px"
Alias (for compatibility): $mt-toolbar-height
$theme-button-default-width
Button default minimal width
Type: size
Default value: $ui-font-size-ratio* 100px
Computed value: "80px"
Alias (for compatibility): $button-default-width
$theme-density-scale
Density to multiply by density interval to create a more or less compact theme. The higher the number, the less dense is the theme
Type: number
Default value: 0
Alias (for compatibility): $gbc-density-scale
$theme-input-padding-top
Padding space top for inputs
Type: size
Default value: $ui-margin-ratio* 2px
Computed value: "1.2px"
$theme-input-padding-right
Padding space right for inputs
Type: size
Default value: $ui-margin-ratio* 6px
Computed value: "3.6px"
$theme-input-padding-bottom
Padding space bottom for inputs
Type: size
Default value: $ui-margin-ratio* 2px
Computed value: "1.2px"
$theme-input-padding-left
Padding space left for inputs
Type: size
Default value: $ui-margin-ratio* 6px
Computed value: "3.6px"
$theme-textarea-padding-top
Padding space top for textareas
Type: size
Default value: $ui-margin-ratio* 4px
Computed value: "2.4px"
$theme-textarea-padding-right
Padding space right for textareas
Type: size
Default value: $theme-input-padding-right
Computed value: "3.6px"
$theme-textarea-padding-bottom
Padding space bottom for textareas
Type: size
Default value: "0"
Computed value: "0"
$theme-textarea-padding-left
Padding space left for textareas
Type: size
Default value: $theme-input-padding-left
Computed value: "3.6px"
$theme-table-margin
Sets the margin of tables
Type: size
Default value: $ui-margin-ratio* 10px
Computed value: "6px"
Alias (for compatibility): $gbc-table-margin
$theme-combobox-margin
Sets the combobox margin
Type: size
Default value: "5px"
Computed value: "5px"
Alias (for compatibility): $gbc-combobox-margin
$theme-combobox-padding
Padding space for combobox
Type: size
Default value: "2px"
Computed value: "2px"
Alias (for compatibility): $gbc-combobox-padding
$theme-radiobutton-size
Size of the radio button in pixels.
Type: size
Default value: "14px"
Computed value: "14px"
Alias (for compatibility): $gbc-radiobutton-size
$theme-checkbox-size
Size of the checkbox in pixels
Type: size
Default value: "14px"
Computed value: "14px"
Alias (for compatibility): $gbc-checkbox-size
$theme-sidebar-always-visible-min-width
DEPRECATED
Deprecated: Browser window width size (in pixels) for the left sidebar to appear. Use this setting to hide the left sidebar.
Type: size
Default value: "1400px"
Computed value: "1400px"
Alias (for compatibility): $gbc-sidebar-always-visible-min-width
$theme-sidebar-default-width
Default size of sidebar in pixels.
Type: size
Default value: "56px"
Computed value: "56px"
Alias (for compatibility): $gbc-sidebar-default-width
$theme-sidebar-max-width
Sidebar max width
Type: size
Default value: "156px"
Computed value: "156px"
Alias (for compatibility): $gbc-sidebar-max-width
$theme-sidebar-show-child-name
Display Window name/title in sidebar instead of Application name/title
Type: boolean
Default value: false
$theme-group-separation-size
Group separation size
Type: size
Default value: $ui-margin-ratio* 12
Computed value: "7.2"
Alias (for compatibility): $group-separation-size
$theme-splitter-size
Splitter size
Type: size
Default value: $theme-group-separation-size* 1px
Computed value: "7.2px"
Alias (for compatibility): $splitter-size
$theme-traditional-mode-letter-spacing
Traditional mode letter spacing
Type: size
Default value: "1px"
Computed value: "1px"
Alias (for compatibility): $traditional-mode-letter-spacing
$theme-max-icon-size
Max icon size
Type: size
Default value: "32px"
Computed value: "32px"
Alias (for compatibility): $gbc-max-icon-size
$theme-small-icon-size
Small icon size
Type: size
Default value: "20px * $ui-font-size-ratio"
Computed value: "16px"
$theme-grid-inner-gutter
Inner gutter spacing in grid content
Type: number
Default value: 3
Computed value: 3
Alias (for compatibility): $layout-grid-inner-gutter
$theme-grid-inner-gutter-x
Inner gutter row spacing in grid
Type: number
$theme-grid-inner-gutter-y
Inner gutter column spacing in grid
Type: number
$theme-space-xxs
The minimum blank space. It's not recommended to modify this variable.
Type: size
Default value: "2px"
Computed value: "2px"
$theme-space-xs
A very small blank space. It's not recommended to modify this variable.
Type: size
Default value: "4px"
Computed value: "4px"
$theme-space-s
A small blank space. It's not recommended to modify this variable.
Type: size
Default value: "8px"
Computed value: "8px"
$theme-space-m
A blank space. It's not recommended to modify this variable.
Type: size
Default value: "12px"
Computed value: "12px"
$theme-space-l
A wide blank space. It's not recommended to modify this variable.
Type: size
Default value: "24px"
Computed value: "24px"
$theme-space-xl
A very wide blank space. It's not recommended to modify this variable.
Type: size
Default value: "32px"
Computed value: "32px"