You're viewing the v7 docs. Upgrading from v6?
Docs Theme
It is possible to change the look of the calendar (colors, fonts, etc)
Color Palettes
The 5 stock themes come with their own "palettes", which define color values:
Shadcn
Shadcn is a React component framework.
MUI
MUI's Material UI is a React component framework.
Bootstrap 5
Bootstrap 5 is a CSS framework. FullCalendar inherits all style variables from your Bootstrap theme, including its light/dark color modes.
Custom Themes
At its heart, the theme system is a collection of class-name props — one for each element in the calendar. Each prop accepts a string or a function that receives state and returns a string.
Render Hook Index
A quick index of render-hook articles that expose ClassName Input, Content Injection Input, and mount lifecycle hooks.