react-calendar icon indicating copy to clipboard operation
react-calendar copied to clipboard

Add theme support

Open jimmyhogerty opened this issue 2 years ago • 5 comments

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

jimmyhogerty avatar Nov 05 '23 12:11 jimmyhogerty

Happy to take a stab at this if it's cool by you.

jimmyhogerty avatar Nov 05 '23 12:11 jimmyhogerty

I agree, however, You can create your styles. Just use the Sample.css file

example

informaticadiaz avatar Nov 13 '23 12:11 informaticadiaz

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)

luixo avatar Dec 14 '23 21:12 luixo

Some overridable CSS variables for the colors would be a start. I imagine this would cover most people's themeing needs.

silverwind avatar Feb 06 '24 19:02 silverwind

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.

silverwind avatar Feb 09 '24 09:02 silverwind

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.

github-actions[bot] avatar May 13 '24 00:05 github-actions[bot]

This issue was closed because it has been stalled for 14 days with no activity.

github-actions[bot] avatar May 27 '24 00:05 github-actions[bot]