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: "color.change($theme-hover-color-on-color, $alpha: $theme-hover-opacity-on-color)"

Computed value: "rgba(255, 255, 255, 0.1)"

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: "color.change($theme-active-color, $alpha: $theme-active-opacity)"

Computed value: "rgba(11, 121, 209, 0.5)"