Button widget State Layer

Variables to customize the ButtonWidget hover, active and focus visual

$gbc-ButtonWidget-hover-color

Border color for Edit ButtonWidget when hovered

Type: number

Default value: $theme-hover-color-on-color

Computed value: #ffffff

Alias (for compatibility): $gbc-ButtonWidget-focus-background-color

$gbc-ButtonWidget-focus-border-width

Border color for ButtonWidget when focused

Type: number

Default value: $0 - $theme-focus-border-width - $theme-border-xs

Computed value: -3px

$gbc-ButtonWidget-focus-color

Border color for ButtonWidget when focused

Type: number

Default value: $theme-focus-color-on-color

Computed value: #ffffff

$gbc-ButtonWidget-active-border-width

Border color for ButtonWidget when clicked

Type: number

Default value: $theme-active-border-width

Computed value: 2px

$gbc-ButtonWidget-active-color

Border color for ButtonWidget when clicked

Type: number

Default value: $theme-active-color

Computed value: #1976d2