Theme colors
Defines theme main colors
$theme-selection-text-color
Text selection color (Not working on iOS as ::selection css pseudo element is not supported according to https://caniuse.com/css-selection)
Type: color
Default value: $theme-currentrow-color
Computed value: white
$theme-selection-background-color
Text selection background color
Type: color
$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
Type: color
Default value: $palette-primary-700
Computed value: #1976d2
Alias (for compatibility): $gbc-primary-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-secondary-alternative-background-color
Type: color
Default value: $mt-white
Computed value: #ffffff
Alias (for compatibility): $gbc-secondary-background-color
$theme-field-background-color
Widget background color.
Type: color
Default value: $mt-white
Computed value: #ffffff
Alias (for compatibility): $gbc-field-background-color
$theme-header-color
Header 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-disabled-200
Computed value: #eeeeee
$theme-disabled-background-color
Generally used as widgets disabled background color
Type: color
Default value: $palette-disabled-400
Computed value: #bdbdbd
Alias (for compatibility): $gbc-disabled-color
$theme-field-disabled-background-color
Widget disabled background color.
Type: color
Default value: $palette-disabled-200
Computed value: #eeeeee
Alias (for compatibility): $gbc-field-disabled-background-color
$theme-field-readonly-background-color
Type: color
Default value: $palette-disabled-200
Computed value: #eeeeee
Alias (for compatibility): $gbc-field-readonly-background-color
$theme-placeholder-color
Type: color
Default value: $palette-disabled-400
Computed value: #bdbdbd
$theme-overlay-background-color
Type: color
Default value: $palette-text-secondary-26
Computed value: rgba(33, 33, 33, 0.26)
$theme-message-color
Message foreground color.
Type: color
Default value: $theme-primary-color
Computed value: white
$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-color
Error message foreground color.
Type: color
Default value: $theme-primary-color
Computed value: white
$theme-error-background-color
Error message background color.
Type: color
Default value: $mt-red-800
Computed value: #c62828
Alias (for compatibility): $gbc-error-color
$theme-currentrow-color
Type: color
Default value: $theme-primary-color
Computed value: white
$theme-currentrow-background-color
Type: color
Default value: $theme-primary-background-color
Computed value: #1976d2
$theme-chromebar-goto-active-window-background-color
Type: color
Default value: $theme-primary-background-color
Computed value: #1976d2
$theme-chromebar-goto-active-window-background-hover-color
Type: color
Default value: $theme-primary-emphasis-background-color
Computed value: #1e88e5
$theme-chromebar-inactive-window-background-color
Type: color
Default value: $mt-grey-600
Computed value: #757575