Theme layout variables

`$theme-field-height-ratio`

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

Type: number

Default value: 0.7

Computed value: 0.7

Alias (for compatibility): $gbc-field-height-ratio

`$theme-field-default-height`

Field default height

Type: size

Default value: $theme-field-height-ratio* 32px

Computed value: "22.4px"

Alias (for compatibility): $field-default-height

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

Computed value: 0.8

Alias (for compatibility): $gbc-font-size-ratio

`$theme-host-action-default-height`

The default toolbar height

Type: size

Default value: $theme-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: $theme-font-size-ratio* 100px

Computed value: "80px"

Alias (for compatibility): $button-default-width

`$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

Computed value: 0.6

Alias (for compatibility): $gbc-margin-ratio

`$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: $theme-margin-ratio* 2px

Computed value: "1.2px"

`$theme-input-padding-right`

Padding space right for inputs

Type: size

Default value: $theme-margin-ratio* 6px

Computed value: "3.6px"

`$theme-input-padding-bottom`

Padding space bottom for inputs

Type: size

Default value: $theme-margin-ratio* 2px

Computed value: "1.2px"

`$theme-input-padding-left`

Padding space left for inputs

Type: size

Default value: $theme-margin-ratio* 6px

Computed value: "3.6px"

`$theme-textarea-padding-top`

Padding space top for textareas

Type: size

Default value: $theme-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: $theme-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-toggle-chromebar-min-width`

DEPRECATED

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"

Computed value: "720px"

Alias (for compatibility): $theme-toggle-right-sidebar-min-width,gbc-toggle-right-sidebar-min-width

`$theme-group-separation-size`

Group separation size

Type: size

Default value: $theme-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 * $theme-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

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"

Theme layout variables

`$theme-field-height-ratio`

`$theme-field-default-height`

`$theme-font-size-ratio`

`$theme-host-action-default-height`

`$theme-button-default-width`

`$theme-margin-ratio`

`$theme-density-scale`

`$theme-input-padding-top`

`$theme-input-padding-right`

`$theme-input-padding-bottom`

`$theme-input-padding-left`

`$theme-textarea-padding-top`

`$theme-textarea-padding-right`

`$theme-textarea-padding-bottom`

`$theme-textarea-padding-left`

`$theme-table-margin`

`$theme-combobox-margin`

`$theme-combobox-padding`

`$theme-radiobutton-size`

`$theme-checkbox-size`

`$theme-sidebar-always-visible-min-width`

`$theme-sidebar-default-width`

`$theme-sidebar-max-width`

`$theme-sidebar-show-child-name`

`$theme-toggle-chromebar-min-width`

`$theme-group-separation-size`

`$theme-splitter-size`

`$theme-traditional-mode-letter-spacing`

`$theme-max-icon-size`

`$theme-small-icon-size`

`$theme-grid-inner-gutter`

`$theme-grid-inner-gutter-x`

`$theme-grid-inner-gutter-y`

`$theme-space-xxs`

`$theme-space-xs`

`$theme-space-s`

`$theme-space-m`

`$theme-space-l`

`$theme-space-xl`