Skip to content

[Feature Request]: Color Palette System #290

@codes-by-chetan

Description

@codes-by-chetan

📢 Feature Proposal: Color Palette System (Already Implemented)

Hi 👋

I’d like to propose a Color Palette System enhancement for this project, aimed at improving theming flexibility and user customization.

I’ve already implemented this feature locally and would love to contribute it to the repository if it aligns with the project direction.


🚀 What this adds

  • 5 preset color palettes (Slate, Ocean, Forest, Sunset, Rose)
  • Custom palette builder (light + dark mode support)
  • Persistent user preferences via cookies
  • Real-time preview + validation
  • Accessibility-aware foreground color handling

🧠 Why this matters

Currently, theming is somewhat limited. This feature:

  • Makes the admin UI more customizable and brand-friendly
  • Improves user experience with quick theme switching
  • Adds a scalable architecture for future theme extensions

🛠️ Implementation Highlights

  • Centralized palette config (theme-palettes.ts)
  • Extended theme provider with palette state + persistence
  • UI integration in appearance settings
  • CSS variable-based theming with [data-palette]
  • Uses OKLch color space for better visual consistency

📊 Scope of Changes

  • 5 files modified/added
  • ~700+ lines added
  • Fully type-safe and modular

📄 Full Feature Breakdown

I’ve attached a detailed breakdown of the implementation here.
feature_analysis.md

🙌 Request

If this feature fits the vision of the project, I’d be happy to:

  • Open a PR with clean commits
  • Adjust implementation based on feedback
  • Break it into smaller PRs if preferred

💡 Note

I’ve already implemented this feature end-to-end and can open a PR immediately if it aligns with the project direction.


Let me know your thoughts!

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions