Skip to content

Toggle CSS variables

Summary


CSS Variables table


Css variable
Fallback
Default
/
/
/
/
#ffffff
#ffffff
/
/
#adadad
#adadad
/
/
#a5a5a5
#a5a5a5
/
/
#a7a3a3
#a7a3a3

CSS Variables list



--mbx-toggle-background

Fallback
Default
/
/


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



--mbx-toggle-background-light

Fallback
Default


Toggle background when dark mode is off



--mbx-toggle-background-dark

Fallback
Default


Toggle background when dark mode is on



--mbx-toggle-icon-on-internal-color

Fallback
Default
/
/


Fallback value for --mbx-toggle-icon-on-internal-color-light and --mbx-toggle-icon-on-internal-color-dark



--mbx-toggle-icon-on-internal-color-light

Fallback
Default
#ffffff


Toggle icon internal color, when dark mode is off and toggle status is off



--mbx-toggle-icon-on-internal-color-dark

Fallback
Default
#ffffff


Toggle icon internal color, when dark mode is off and toggle status is on



--mbx-toggle-icon-on-external-color

Fallback
Default
/
/


Fallback value for --mbx-toggle-icon-on-external-color-light and --mbx-toggle-icon-on-external-color-dark



--mbx-toggle-icon-on-external-color-light

Fallback
Default
#adadad


Toggle icon external color, when dark mode is off and toggle status is on



--mbx-toggle-icon-on-external-color-dark

Fallback
Default
#adadad


Toggle icon external color, when dark mode is on and toggle status is on



--mbx-toggle-icon-off-internal-color

Fallback
Default
/
/


Fallback value for --mbx-toggle-icon-off-internal-color-light and --mbx-toggle-icon-off-internal-color-dark



--mbx-toggle-icon-off-internal-color-light

Fallback
Default
#a5a5a5


Toggle icon internal color, when dark mode is off and toggle status is off



--mbx-toggle-icon-off-internal-color-dark

Fallback
Default
#a5a5a5


Toggle icon internal color, when dark mode is on and toggle status is off



--mbx-toggle-icon-off-external-color

Fallback
Default
/
/


Fallback value for --mbx-toggle-icon-off-external-color-light and --mbx-toggle-icon-off-external-color-dark



--mbx-toggle-icon-off-external-color-light

Fallback
Default
#a7a3a3


Toggle icon external color, when dark mode is off and toggle status is off



--mbx-toggle-icon-off-external-color-dark

Fallback
Default
#a7a3a3


Toggle icon external color, when dark mode is on and toggle status is off