TopMenu widget state layer

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

$gbc-TopMenuWidget-hover-color

Border color for TopMenu widget when hovered

Type: number

Default value: $theme-hover-color

Computed value: #181818

$gbc-TopMenuWidget-focus-border-width

Border color for TopMenu widget when focused

Type: number

Default value: $theme-focus-border-width

Computed value: 2px

$gbc-TopMenuWidget-focus-color

Border color for TopMenu widget when focused

Type: number

Default value: $theme-focus-color

Computed value: #1976d2

$gbc-TopMenuWidget-active-border-width

Border color for TopMenu widget when clicked

Type: number

Default value: $theme-active-border-width

Computed value: 2px

$gbc-TopMenuWidget-active-color

Border color for TopMenu widget when clicked

Type: number

Default value: $theme-active-color

Computed value: #1976d2