guim31
Novembre 14, 2022, 4:13
1
Actuellement nous nous servons du nuancier ci dessous pour choisir la couleur d’une ampoule.
Le problème est qu’il est difficile de choisir de manière fiable la couleur souhaitée. Pour cela il faudrait compléter le nuancier par une palette, avec l’exemple de zigbee2mqtt qui affiche ceci :
Une palette de couleurs « basiques » complétées de blanc froid / blanc neutre / blanc chaud + le color picker
Qu’en dites-vous ?
J’ai retrouvé une discussion qui date du début de la 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…
C’est très basique mais dans l’interface de zigbee2mqtt, voici ce qu’il y a:
Edit: oups je n’avais pas fait attention au message précèdent.
J’ai un peu travaillé sur le sujet.
Est-ce que cela peut correspondre aux attentes ? Et j’ai modifié aussi pour avoir les vraies couleurs dans le thème sombre.
@pierre-gilles , j’avais pas vu mais tu as déjà ouvert une PR à ce sujet. Pour l’instant je n’avance pas plus.
N’oublie pas de prendre en compte d’afficher les vraies couleurs en thème sombre.
master ← cursor/color-picker-palette-af20
ouvert 07:22PM - 03 Jul 26 UTC
### Description
Implémente la fonctionnalité demandée sur le forum : [Compléter… le color picker avec palette](https://community.gladysassistant.com/t/completer-le-color-picker-avec-palette/7678).
Le sélecteur de couleur des ampoules (roue iro) est désormais complété par une palette de couleurs prédéfinies, inspirée de l'interface zigbee2mqtt :
- **8 couleurs de base** : rouge, orange, jaune, vert, aqua, bleu, violet, rose
- **3 blancs** : blanc froid (6500K), blanc neutre (4000K), blanc chaud (2700K)
- La roue de couleur reste disponible pour un réglage fin
### Changements
- Nouveau composant partagé `ColorPalette` utilisé dans :
- le contrôle couleur des boxs appareils du dashboard (`ColorDeviceFeature`)
- l'éditeur de scènes (`ColorPicker`)
- Constantes de palette centralisées dans `front/src/utils/colorPalette.js`
- Traductions ajoutées (en, fr, de) pour les libellés des blancs
- Correction du clic hors popover dans `ColorDeviceFeature` pour ne pas fermer le picker lors d'un clic sur la palette
### Check-list
- [x] Linter front OK (`npm run eslint`)
- [x] Prettier OK (`npm run prettier-check`)
- [x] Traductions synchronisées (`npm run compare-translations`)
- [x] Build front OK (`npm run build`)
- [ ] Testé avec un appareil réel
Closes https://community.gladysassistant.com/t/completer-le-color-picker-avec-palette/7678
<div><a href="https://cursor.com/agents/bc-019f2969-ad6e-7ec1-9c90-10735becaf20"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-web-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-web-light.png"><img alt="Open in Web" width="114" height="28" src="https://cursor.com/assets/images/open-in-web-dark.png"></picture></a> <a href="https://cursor.com/background-agent?bcId=bc-019f2969-ad6e-7ec1-9c90-10735becaf20"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-cursor-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-cursor-light.png"><img alt="Open in Cursor" width="131" height="28" src="https://cursor.com/assets/images/open-in-cursor-dark.png"></picture></a> </div>
guim31
Juillet 12, 2026, 4:24
6
Je sais que j’en avais déjà parlé, mais pourrait-on imaginer une palette classique + une palette avec juste les températures de couleurs (la température du blanc en fait) ?
-froid
-neutre
-chaud
On le voit sur la capture de @Tlse-vins juste au dessus
J’avais lancé Cursor sur le sujet, mais je n’ai pas encore testé la PR, donc le plus dur reste à faire Si tu veux tester/améliorer, tu peux reprendre le travail fait par Cursor et demander à ton IA de corriger !
Bonne idée, après en général c’est une fonctionnalité différentes sur les appareils (« Température de couleur » vs « Couleur »)
guim31
Juillet 13, 2026, 6:19
8
Oui absolument, je ne sais pas ce que cela implique coté code de Gladys.
Mais comme ces features vont régulièrement de paire, je pense qu’il faut penser à développer les deux, et qu’un appareil qui gère les 2 features en soit doté