Theme state layer

`$theme-hover-border-width`

Sets the hover outline width

Type: size

Default value: $theme-border-s

Computed value: 2px

`$theme-hover-color`

Sets the color applied when hovering a widget. This color opacity is managed by the theme-hover-opacity

Type: color

Default value: $mt-dark-grey

Computed value: #181818

`$theme-hover-opacity`

Sets the hover color opacity (in percent)

Type: number

Default value: $0.1

Computed value: 0.1

`$theme-hover-color-on-color`

Sets the color applied when hovering a widget with a colored background. This color opacity is managed by the theme-hover-opacity-on-color

Type: color

Default value: $mt-white

Computed value: #ffffff

`$theme-hover-opacity-on-color`

Sets the hover color opacity for widgets with a colored background (in percent)

Type: number

Default value: $0.1

Computed value: 0.1

`$theme-active-border-width`

Sets the active outline width

Type: size

Default value: $theme-border-s

Computed value: 2px

`$theme-active-color`

Sets the color applied when clicking on a widget. This color opacity is managed by the theme-active-opacity

Type: color

Default value: $theme-primary-background-color

Computed value: #1976d2

`$theme-active-opacity`

Sets the active color opacity (in percent)

Type: number

Default value: $0.5

Computed value: 0.5

`$theme-active-color-on-color`

Sets the color applied when clicking on a widget with a colored background. This color opacity is managed by the theme-active-opacity-on-color

Type: color

Default value: $mt-white

Computed value: #ffffff

`$theme-active-opacity-on-color`

Sets the active color opacity for widgets with a colored background (in percent)

Type: number

Default value: $0.5

Computed value: 0.5

`$theme-focus-border-width`

Sets the focus outline width

Type: size

Default value: $theme-border-s

Computed value: 2px

`$theme-focus-color`

Sets the color applied when focusing a widget. This color opacity is managed by the theme-focus-opacity

Type: color

Default value: $theme-primary-background-color

Computed value: #1976d2

`$theme-focus-opacity`

Sets the focus color opacity (in percent)

Type: number

Default value: $0.9

Computed value: 0.9

`$theme-focus-color-on-color`

Sets the color applied when focusing a widget with a colored background. This color opacity is managed by the theme-focus-opacity-on-color

Type: color

Default value: $mt-white

Computed value: #ffffff

`$theme-focus-opacity-on-color`

Sets the focus color opacity for widgets with a colored background (in percent)

Type: number

Default value: $0.5

Computed value: 0.5

`$theme-state-animation-duration`

Duration of the animation, in seconds, when the widget state change. (Such as hover, focus and active)

Type: number

Default value: $0.05s

Computed value: 0.05s