Complete the color picker with a palette

[guim31]

Currently we use the swatch below to choose the color of a bulb.

The problem is that it’s difficult to reliably choose the desired color. To address this, the swatch should be complemented by a palette, with the example from zigbee2mqtt which displays this:

A palette of « basic » colors supplemented with cool white / neutral white / warm white + the color picker

What do you think?

[Tlse-vins]

I found a discussion that dates back to the beginning of V4.

Parlons de Gladys V4

Grâce à la sortie de la beta, j’ai eu plein de retours concernant le service Philips Hue et je suis entrain d’ajouter des compatibilités supplémentaires! 3 utilisateurs (@Hamtaro, @Aldo et @Dahu) m’ont envoyés leur liste de Philips Hue avec toutes les informations dont j’ai besoin pour intégrer leurs lampes. Au niveau de l’UI, je regarder pour ajouter un color-picker, et je suis tombé sur plusieurs lib plutôt sympa: https://casesandberg.github.io/react-color/ Ce que je me demande, c’est “e…

[Tlse-vins]

It’s very basic but in the zigbee2mqtt interface, here’s what it looks like:

Edit: oops I hadn’t paid attention to the previous message.

[Will_71]

I’ve done some work on the subject.

Does this meet the expectations? And I also modified it to have the real colors in the dark theme.

[Will_71]

@pierre-gilles, I hadn’t seen it, but you’ve already opened a PR on this topic. For now, I’m not making any more progress.

Don’t forget to take into account displaying the real colors in dark mode.

feat(front): compléter le color picker avec une palette de couleurs (#2615)

[guim31]

I know I already mentioned this, but could we imagine a classic palette plus a palette with just the color temperatures (the white temperature, in fact)?
-cold
-neutral
-warm

We can see this in the screenshot by @Tlse-vins just above

[pierre-gilles]

@Will_71

@pierre-gilles, I hadn’t seen it, but you’ve already opened a PR on this. For now, I’m not making any more progress.

I started Cursor on the subject, but I haven’t tested the PR yet, so the hardest part is still to come If you want to test/improve, you can take up the work done by Cursor and ask your AI to fix it!

@guim31

But could we imagine a classic palette + a palette with just the color temperatures (the white temperature, in fact)?

Good idea, but usually it’s a different feature on devices (« Color Temperature » vs « Color »)

[guim31]

@pierre-gilles

Good idea, but generally it’s a different feature on devices (« Color Temperature » vs « Color »)

Yes, absolutely, I don’t know what that implies on the Gladys code side.
But since these features often go hand in hand, I think we should consider developing both, and a device that handles both features should have them.