Theming + dark mode + Tailwind v4

[adrianthedev]

Important

This feature is on hold until TailwindCSS 4.0 lands in the fall.

This will probably land as a Pro or Advanced feature considering the high level of complexity.

Definitely follow the lead on Flux UI and Daisy UI.

Must have's

• Dark mode support. Should a theme have both variants?
• Should use CSS variables
• should support the following properties
  • colors
    • primary
    • secondary
    • background
    • text
    • heading
    • link
    • border
  • fonts
    • line-spacing
  • padding
    • field-wrapper
    • panels
    • tables
    • sidebars
  • margin
    • panels
    • tables
    • sidebars
  • border-radius
    • tables
    • panels
    • sidebars
    • buttons
    • tab group selectors
  • shadows

Nice to have

• user-based theming switch. Admins see one theme and users a different one
• live theme switching. The user could have a drop-down with the current available themes.

Things to consider

• it would be considerably easier to have the same primary/secondary colors on both light and dark mode.

Resources

• https://www.fast.design/ (wayback version)
• https://uxplanet.org/alternatives-to-using-pure-black-000000-for-text-and-backgrounds-54ef0e733cdb
• https://fluxui.dev/themes
• https://ui.shadcn.com/themes
• https://daisyui.com/theme-generator/

[github-actions]

This issue has been marked as stale because there was no activity for the last 60 days

[github-actions]

This issue has been marked as stale because there was no activity for the last 60 days

[brandondrew]

it's getting marked as stale even though its exempt 😅