Description:
The application currently features a gorgeous hardcoded dark mode. However, a light mode would be highly appreciated for accessibility and daytime viewing.
How to Implement:
- CSS Variables / Tailwind: If using Tailwind, use the
dark: variant class. Otherwise, implement CSS variables for background and text colors.
- Toggle Button: Add a sun/moon icon toggle in the dashboard and canvas UI.
- Canvas Background: Dynamically update
canvas.backgroundColor when the theme changes (e.g., from #1e1e1e to #ffffff) and call canvas.renderAll(). You may also need to invert default text colors.
Description:
The application currently features a gorgeous hardcoded dark mode. However, a light mode would be highly appreciated for accessibility and daytime viewing.
How to Implement:
dark:variant class. Otherwise, implement CSS variables for background and text colors.canvas.backgroundColorwhen the theme changes (e.g., from#1e1e1eto#ffffff) and callcanvas.renderAll(). You may also need to invert default text colors.