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)"