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-background-hover
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-toggle-background-hover-light and --mbx-toggle-background-hover-dark
--mbx-toggle-background-hover-light
Fallback |
Default |
|---|---|
Toggle background when dark mode is off, on hover
--mbx-toggle-background-hover-dark
Fallback |
Default |
|---|---|
Toggle background when dark mode is on, on hover
--mbx-toggle-on-icon-internal
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-toggle-on-icon-internal-light and --mbx-toggle-on-icon-internal-dark
--mbx-toggle-on-icon-internal-light
Fallback |
Default |
|---|---|
#ffffff |
Toggle icon internal color, when dark mode is off and toggle status is off
--mbx-toggle-on-icon-internal-dark
Fallback |
Default |
|---|---|
#ffffff |
Toggle icon internal color, when dark mode is off and toggle status is on
--mbx-toggle-on-icon-external
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-toggle-on-icon-external-light and --mbx-toggle-on-icon-external-dark
--mbx-toggle-on-icon-external-light
Fallback |
Default |
|---|---|
#adadad |
Toggle icon external color, when dark mode is off and toggle status is on
--mbx-toggle-on-icon-external-dark
Fallback |
Default |
|---|---|
#adadad |
Toggle icon external color, when dark mode is on and toggle status is on
--mbx-toggle-off-icon-internal
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-toggle-off-icon-internal-light and --mbx-toggle-off-icon-internal-dark
--mbx-toggle-off-icon-internal-light
Fallback |
Default |
|---|---|
#a5a5a5 |
Toggle icon internal color, when dark mode is off and toggle status is off
--mbx-toggle-off-icon-internal-dark
Fallback |
Default |
|---|---|
#a5a5a5 |
Toggle icon internal color, when dark mode is on and toggle status is off
--mbx-toggle-off-icon-external
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-toggle-off-icon-external-light and --mbx-toggle-off-icon-external-dark
--mbx-toggle-off-icon-external-light
Fallback |
Default |
|---|---|
#a7a3a3 |
Toggle icon external color, when dark mode is off and toggle status is off
--mbx-toggle-off-icon-external-dark
Fallback |
Default |
|---|---|
#a7a3a3 |
Toggle icon external color, when dark mode is on and toggle status is off