Calendar CSS variables
Summary
CSS Variables table
Css variable |
Fallback |
Default |
|---|---|---|
/ |
/ |
|
/ |
/ |
|
/ |
/ |
|
/ |
/ |
|
/ |
/ |
|
/ |
/ |
|
/ |
/ |
|
/ |
/ |
|
/ |
/ |
|
red |
||
red |
CSS Variables list
--mbx-calendar-background
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-background-light and --mbx-calendar-background-dark
--mbx-calendar-background-light
Fallback |
Default |
|---|---|
Calendar background when dark mode is `off'
--mbx-calendar-background-dark
Fallback |
Default |
|---|---|
Calendar background when dark mode is `on'
--mbx-calendar-text-color
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-text-color-light and --mbx-calendar-text-color-dark
--mbx-calendar-text-color-light
Fallback |
Default |
|---|---|
Calendar text color when dark mode is `off'
--mbx-calendar-text-color-dark
Fallback |
Default |
|---|---|
Calendar text color when dark mode is `on'
--mbx-calendar-selected-background
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-selected-background-light and --mbx-calendar-selected-background-dark
--mbx-calendar-selected-background-light
Fallback |
Default |
|---|---|
Calendar selected cell background when dark mode is `off'
--mbx-calendar-selected-background-dark
Fallback |
Default |
|---|---|
Calendar selected cell background when dark mode is `on'
--mbx-calendar-selected-text-color
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-selected-text-color-light and --mbx-calendar-selected-text-color-dark
--mbx-calendar-selected-text-color-light
Fallback |
Default |
|---|---|
Calendar selected cell text color when dark mode is `off'
--mbx-calendar-selected-text-color-dark
Fallback |
Default |
|---|---|
Calendar selected cell text color when dark mode is `on'
--mbx-calendar-background-hover
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-background-hover-light and --mbx-calendar-background-hover-dark
--mbx-calendar-background-hover-light
Fallback |
Default |
|---|---|
Calendar background when dark mode is `off', on hover
--mbx-calendar-background-hover-dark
Fallback |
Default |
|---|---|
Calendar background when dark mode is `on', on hover
--mbx-calendar-text-color-hover
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-text-color-hover-light and --mbx-calendar-text-color-hover-dark
--mbx-calendar-text-color-hover-light
Fallback |
Default |
|---|---|
Calendar text color when dark mode is `off', on hover
--mbx-calendar-text-color-hover-dark
Fallback |
Default |
|---|---|
Calendar text color when dark mode is `on', on hover
--mbx-calendar-arrow
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-arrow-light and --mbx-calendar-arrow-dark
--mbx-calendar-arrow-light
Fallback |
Default |
|---|---|
Calendar arrow color when dark mode is `off'
--mbx-calendar-arrow-dark
Fallback |
Default |
|---|---|
Calendar arrow color when dark mode is `on'
--mbx-calendar-arrow-hover
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-arrow-hover-light and --mbx-calendar-arrow-hover-dark
--mbx-calendar-arrow-hover-light
Fallback |
Default |
|---|---|
Calendar arrow color when dark mode is `off', on hover
--mbx-calendar-arrow-hover-dark
Fallback |
Default |
|---|---|
Calendar arrow color when dark mode is `on', on hover
--mbx-calendar-today-color
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-today-color-light and --mbx-calendar-today-color-dark
--mbx-calendar-today-color-light
Fallback |
Default |
|---|---|
red |
Calendar today color when dark mode is `off'
--mbx-calendar-today-color-dark
Fallback |
Default |
|---|---|
red |
Calendar today color when dark mode is `on'