react-calendar
react-calendar copied to clipboard
Add theme support
Before you start - checklist
- [X] I have checked if this feature request is not already reported
Description
Styling the calendar with css is limited.
Proposed solution
Add classNames and use a theme design pattern to target different areas of the calendar so that users can customize calendar accordingly.
Alternatives
No response
Additional information
No response
Happy to take a stab at this if it's cool by you.
Totally agree on that, there is a variety of styling technics nowadays:
- tailwind css
- libraries that expose
styled-like objects - CSS modules
Adding classNames prop will allow all this solution to be usable in calendar.
I'm up on adding this functionality as well!
(please add me as a reviewer to PR otherwise)
Some overridable CSS variables for the colors would be a start. I imagine this would cover most people's themeing needs.
I recently did styling for this module and I needed to do a few more changes besides colors like removing the border and the opinionated font changes.
So at least for me, color variables would not completely replace my custom CSS, but they would get me like 90% there, so they'd still be very welcome. Should place them on :root.
This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this issue will be closed in 14 days.
This issue was closed because it has been stalled for 14 days with no activity.