RadioButtonGroup CSS variables

Summary

• CSS Variables table
• CSS Variables list

CSS Variables table

Css variable	Fallback	Default
--mbx-radiogroup-background	/	/
--mbx-radiogroup-background-light	--mbx-radiogroup-background	--mbx-background-light
--mbx-radiogroup-background-dark	--mbx-radiogroup-background	--mbx-background-dark
--mbx-radiogroup-text-color	/	/
--mbx-radiogroup-text-color-light	--mbx-radiogroup-text-color	--mbx-text-color-light
--mbx-radiogroup-text-color-dark	--mbx-radiogroup-text-color	--mbx-text-color-dark
--mbx-radiogroup-radio-background	/	/
--mbx-radiogroup-radio-background-light	--mbx-radiogroup-radio-background	--mbx-radio-background-light
--mbx-radiogroup-radio-background-dark	--mbx-radiogroup-radio-background	--mbx-radio-background-dark
--mbx-radiogroup-radio-background-hover	/	/
--mbx-radiogroup-radio-background-hover-light	--mbx-radiogroup-radio-background-hover	--mbx-radio-background-hover-light
--mbx-radiogroup-radio-background-hover-dark	--mbx-radiogroup-radio-background-hover	--mbx-radio-background-hover-dark
--mbx-radiogroup-radio-icon-background	/	/
--mbx-radiogroup-radio-icon-background-light	--mbx-radiogroup-radio-icon-background	--mbx-radio-icon-background-light
--mbx-radiogroup-radio-icon-background-dark	--mbx-radiogroup-radio-icon-background	--mbx-radio-icon-background-dark

CSS Variables list

--mbx-radiogroup-background

Fallback	Default
/	/

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

--mbx-radiogroup-background-light

Fallback	Default
--mbx-radiogroup-background	--mbx-background-light

RadioGroup background when dark mode is off

--mbx-radiogroup-background-dark

Fallback	Default
--mbx-radiogroup-background	--mbx-background-dark

RadioGroup background when dark mode is on

--mbx-radiogroup-text-color

Fallback	Default
/	/

Fallback value for --mbx-radiogroup-text-color-light and --mbx-radiogroup-text-color-dark

--mbx-radiogroup-text-color-light

Fallback	Default
--mbx-radiogroup-text-color	--mbx-text-color-light

RadioGroup text color when dark mode is off

--mbx-radiogroup-text-color-dark

Fallback	Default
--mbx-radiogroup-text-color	--mbx-text-color-dark

RadioGroup text color when dark mode is on

--mbx-radiogroup-radio-background

Fallback	Default
/	/

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

--mbx-radiogroup-radio-background-light

Fallback	Default
--mbx-radiogroup-radio-background	--mbx-radio-background-light

Internal RadioButton background when dark mode is off

--mbx-radiogroup-radio-background-dark

Fallback	Default
--mbx-radiogroup-radio-background	--mbx-radio-background-dark

Internal RadioButton background when dark mode is on

--mbx-radiogroup-radio-background-hover

Fallback	Default
/	/

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

--mbx-radiogroup-radio-background-hover-light

Fallback	Default
--mbx-radiogroup-radio-background-hover	--mbx-radio-background-hover-light

Internal RadioButton background when dark mode is off, on hover

--mbx-radiogroup-radio-background-hover-dark

Fallback	Default
--mbx-radiogroup-radio-background-hover	--mbx-radio-background-hover-dark

Internal RadioButton background when dark mode is on, on hover

--mbx-radiogroup-radio-icon-background

Fallback	Default
/	/

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

--mbx-radiogroup-radio-icon-background-light

Fallback	Default
--mbx-radiogroup-radio-icon-background	--mbx-radio-icon-background-light

Internal RadioButton icon background when dark mode is off

--mbx-radiogroup-radio-icon-background-dark

Fallback	Default
--mbx-radiogroup-radio-icon-background	--mbx-radio-icon-background-dark

Internal RadioButton icon background when dark mode is on