Skip to content

RadioButton CSS variables

Summary


CSS Variables table


Css variable
Fallback
Default
/
/
radial-gradient(#f1f1f1 20%, #e4e4e4 30%, #bebebe 55%, #f0f0f0 20%)
radial-gradient(closest-side, #2d3748 20%, #232b38 30%, #1d1f44 55%, #191f29 20%)
/
/
/
/
radial-gradient(circle at 23px 23px, #2d3748, #191f29)
radial-gradient(circle at 23px 23px, #dbe0e6, #949494)

CSS Variables list



--mbx-radio-background

Fallback
Default
/
/


Fallback value for mbx-radio-background-light and mbx-radio-background-dark



--mbx-radio-background-light

Fallback
Default
radial-gradient(#f1f1f1 20%, #e4e4e4 30%, #bebebe 55%, #f0f0f0 20%)


RadioButton background when dark mode is off



--mbx-radio-background-dark

Fallback
Default
radial-gradient(closest-side, #2d3748 20%, #232b38 30%, #1d1f44 55%, #191f29 20%)


RadioButton background when dark mode is on



--mbx-radio-background-hover

Fallback
Default
/
/


Fallback value for mbx-radio-background-hover-light and mbx-radio-background-hover-dark



--mbx-radio-background-hover-light

Fallback
Default


RadioButton background when dark mode is off, on hover



--mbx-radio-background-hover-dark

Fallback
Default


RadioButton background when dark mode is on, on hover



--mbx-radio-icon-background

Fallback
Default
/
/


Fallback value for mbx-radio-icon-background-light and mbx-radio-icon-background-dark



--mbx-radio-icon-background-light

Fallback
Default
radial-gradient(circle at 23px 23px, #2d3748, #191f29)


RadioButton icon background when dark mode is off



--mbx-radio-icon-background-dark

Fallback
Default
radial-gradient(circle at 23px 23px, #dbe0e6, #949494)


RadioButton icon background when dark mode is on