Themes

[mathewjordan]

This work introduces Radix UI Themes to the Clover IIIF suite. Since its early versions, Clover has utilized unstyled Radix Primitives for core components. By implementing themes, we seek to replace, wherever possible, these primitives with the relative styled component in the @radix-ui/themes library. Benefits of the themes integration include:

• Less overall code maintenance
• Greater accessibility coverage and general usability enhancement
• Easy control of basic theme props accentColor, grayColor, and radius
• Proven contrast of colors for dark and light modes
• Ability for Clover IIIF to be more tightly integrated into out themes based projects
• Grants an exit path from the no longer maintained @stitches/react CSS-in-JS styling package

As this change breaks previous styling methods, it likely should be v3.0.0.