Skip to content

Customize accent color #2329

@loky-lp

Description

@loky-lp

Describe the feature

TLDR; Allow users to customize their accent color.

Many people (myself included) like to customize the platform they use, and since npmx offer an accent color selector, allow the user to choose said color feels like a natural extension.

(Some screens of a quick prototype)

preview color picker
Image Image

But this present some issues:

  1. If a user selects a color with a poor contrast they'll have a poor UX and accessibility;
  2. Native color pickers are a nightmare to style and don't provide modern color spaces;
  3. Current accent colors have different variants for light and dark mode, shall the custom color have them too?

How would i solve them:

  1. I think it's a non issue, I don't think that hammers manufacturers should be blamed if users hammer themself. The question should be, do we want to give them hammers?;
  2. nerdy.dev's color-input provide both modern color supports, contrasts hints and a stylable picker, pairing that with more visible contrasts warnings should be enough to prevent users to hammer themselves;
  3. The only problem that i see with this is for users which change the theme throughout the day, allowing them to set both variants should do the trick.

Additional information

  • Would you be willing to help implement this feature?

Final checks

Metadata

Metadata

Assignees

No one assigned

    Labels

    frontFrontend, Designneeds discussionAn idea that needs more discussion to understand the scope and impact.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions