Theme colors

Defines theme main colors

`$theme-primary-color`

This theme variable sets the primary text color of the application. Primary colors are mainly used for the chromebar and buttons. 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-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. Primary colors are mainly used for the chromebar and buttons. 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-background-color`

This theme variable sets the primary background color used to emphasize an item using a background color defined by [theme-primary-background-color]: focused, hovered, ...

Type: color

Default value: $palette-primary-600

Computed value: #1e88e5

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

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

This theme variable sets the primary background color used on item using a background color defined by [theme-primary-background-color] when inactive/unfocused.

Type: color

Default value: $palette-primary-100

Computed value: #bbdefb

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

`$theme-secondary-color`

Default text color

Type: color

Default value: $palette-text-secondary-100

Computed value: #212121

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

`$theme-secondary-faded-color`

Default faded text color

Type: color

Default value: $palette-text-secondary-54

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

`$theme-secondary-background-color`

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

Default color for field border.

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