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

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

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

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