Skip to content

DismissableCard CSS variables

Summary


CSS Variables table


Css variable
Fallback
Default
/
/
/
/
/
/
/
/
red
red

CSS Variables list



--mbx-dismissablecard-background

Fallback
Default
/
/


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



--mbx-dismissablecard-background-light

Fallback
Default


DismissableCard background when dark mode is off



--mbx-dismissablecard-background-dark

Fallback
Default


DismissableCard background when dark mode is on



--mbx-dismissablecard-text-color

Fallback
Default
/
/


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



--mbx-dismissablecard-text-color-light

Fallback
Default


DismissableCard text color when dark mode is off



--mbx-dismissablecard-text-color-dark

Fallback
Default


DismissableCard text color when dark mode is on



--mbx-dismissablecard-x-color

Fallback
Default
/
/


Fallback value for --mbx-dismissablecard-x-color-light and --mbx-dismissablecard-x-color-dark



--mbx-dismissablecard-x-color-light

Fallback
Default


DismissableCard x icon color when dark mode is off



--mbx-dismissablecard-x-color-dark

Fallback
Default


DismissableCard x icon color when dark mode is on



--mbx-dismissablecard-x-color-hover

Fallback
Default
/
/


Fallback value for --mbx-dismissablecard-x-color-hover-light and --mbx-dismissablecard-x-color-hover-dark



--mbx-dismissablecard-x-color-hover-light

Fallback
Default
red


DismissableCard x icon color when dark mode is off, on hover



--mbx-dismissablecard-x-color-hover-dark

Fallback
Default
red


DismissableCard x icon color when dark mode is on, on hover