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
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-text-light and --mbx-calendar-text-dark
--mbx-calendar-text-light
Fallback |
Default |
|---|---|
Calendar text color when dark mode is `off'
--mbx-calendar-text-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
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-selected-text-light and --mbx-calendar-selected-text-dark
--mbx-calendar-selected-text-light
Fallback |
Default |
|---|---|
Calendar selected cell text color when dark mode is `off'
--mbx-calendar-selected-text-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-hover
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-text-hover-light and --mbx-calendar-text-hover-dark
--mbx-calendar-text-hover-light
Fallback |
Default |
|---|---|
Calendar text color when dark mode is `off', on hover
--mbx-calendar-text-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
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-calendar-today-light and --mbx-calendar-today-dark
--mbx-calendar-today-light
Fallback |
Default |
|---|---|
red |
Calendar today color when dark mode is `off'
--mbx-calendar-today-dark
Fallback |
Default |
|---|---|
red |
Calendar today color when dark mode is `on'