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"