Theme colors

Defines theme main colors

`$theme-primary-color`

Type: color

Default value: $palette-text-primary-100

Computed value: white

Alias (for compatibility): $gbc-secondary-text-color

`$theme-primary-background-color`

This theme variable sets the primary background color of the application. For apps on Android devices, it also sets the color of the navigation bar and status bar. Visit "Android Bars in Material Design" (https://m2.material.io/design/platform-guidance/android-bars.html#status) to learn about the navigation and status bars on Android devices.

Type: color

Default value: $palette-primary-700

Computed value: #1976d2

Alias (for compatibility): $gbc-primary-color

`$theme-primary-emphasis-color`

Used for text you want to accentuate

Type: color

Default value: $palette-primary-600

Computed value: #1e88e5

Alias (for compatibility): $gbc-primary-medium-color

`$theme-primary-emphasis-background-color`

Type: color

Default value: $palette-primary-600

Computed value: #1e88e5

Alias (for compatibility): $gbc-primary-medium-color

`$theme-primary-faded-background-color`

Type: color

Default value: $palette-primary-100

Computed value: #bbdefb

Alias (for compatibility): $gbc-primary-light-color

`$theme-secondary-color`

Type: color

Default value: $palette-text-secondary-100

Computed value: #212121

Alias (for compatibility): $gbc-primary-text-color

`$theme-secondary-faded-color`

Type: color

Default value: $palette-text-secondary-54

Computed value: rgba(33, 33, 33, 0.54)

`$theme-secondary-background-color`

Type: color

Default value: $palette-secondary-100

Computed value: whitesmoke

Alias (for compatibility): $gbc-primary-background-color

`$theme-field-background-color`

Background color for fields and scrollable widgets (table, listviews, scrollgrids)

Type: color

Default value: $palette-background

Computed value: #ffffff

Alias (for compatibility): $gbc-field-background-color

`$theme-alternate-row-background-color`

Background color for table odd rows

Type: color

Default value: $palette-disabled-100

Computed value: whitesmoke

Alias (for compatibility): $gbc-alternate-row-background-color

`$theme-header-color`

Header (and topmenu) background color.

Type: color

Default value: $palette-secondary-100

Computed value: whitesmoke

Alias (for compatibility): $gbc-header-color

`$theme-separator-color`

Toolbar separator color.

Type: color

Default value: $palette-secondary-300

Computed value: #e0e0e0

Alias (for compatibility): $gbc-separator-color

`$theme-disabled-color`

Generally used as widgets disabled foreground color

Type: color

Default value: $palette-text-secondary-54

Computed value: rgba(33, 33, 33, 0.54)

`$theme-disabled-background-color`

Generally used as widgets disabled background color

Type: color

Default value: $palette-disabled-200

Computed value: #eeeeee

Alias (for compatibility): $gbc-disabled-color

`$theme-field-border-color`

Type: color

Default value: $palette-disabled-300

Computed value: #e0e0e0

`$theme-overlay-background-color`

Using text palette to have alpha channel

Type: color

Default value: $palette-text-secondary-26

Computed value: rgba(33, 33, 33, 0.26)

`$theme-message-background-color`

Message background color.

Type: color

Default value: $palette-secondary-800

Computed value: #424242

Alias (for compatibility): $gbc-message-color

`$theme-error-background-color`

Error message background color.

Type: color

Default value: $palette-error

Computed value: #f44336

Alias (for compatibility): $gbc-error-color