CheckBox widget state layer

Variables to customize CheckBox widget states (hover, focus, active)

$gbc-CheckBoxWidget-hover-border-width

Border color for Checkbox widget when hovered

Type: number

Default value: $gbc-mt-field-hover-border-width

Computed value: 2px

$gbc-CheckBoxWidget-hover-color

Border color for Checkbox widget when hovered

Type: color

Default value: $gbc-mt-field-hover-color

Computed value: #181818

Alias (for compatibility): $gbc-CheckBoxWidget-focus-border-color

$gbc-CheckBoxWidget-focus-border-width

Border color for Checkbox widget when focused

Type: number

Default value: $gbc-mt-field-focus-border-width

Computed value: 2px

$gbc-CheckBoxWidget-focus-color

Border color for Checkbox widget when focused

Type: color

Default value: $gbc-mt-field-focus-color

Computed value: #1976d2

$gbc-CheckBoxWidget-active-border-width

Border color for Checkbox widget when clicked

Type: number

Default value: $gbc-mt-field-active-border-width

Computed value: 2px

$gbc-CheckBoxWidget-active-color

Border color for Checkbox widget when clicked

Type: color

Default value: $gbc-mt-field-active-color

Computed value: #1976d2