guim31
14. November 2022 um 16: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.
Ich habe ein bisschen an dem Thema gearbeitet.
Entspricht das den Erwartungen? Und ich habe es auch angepasst, um die echten Farben im dunklen Modus zu haben.
@pierre-gilles , das hatte ich nicht gesehen, aber du hast bereits einen PR dazu eröffnet. Ich komme im Moment nicht weiter.
Vergiss nicht, die tatsächlichen Farben im Dunklen Thema anzuzeigen.
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
12. Juli 2026 um 16:24
6
Ich weiß, dass ich das schon mal erwähnt hatte, aber könnte man sich eine klassische Palette plus eine Palette mit nur den Farbtemperaturen (also der Temperatur des Weißes) vorstellen?
-kalt
-neutral
-warm
Man sieht das auf dem Screenshot von @Tlse-vins direkt darüber
Ich hatte Cursor zum Thema gestartet, aber ich habe den PR noch nicht getestet, also bleibt das Schwierigste noch zu tun Wenn du testen/verbessern möchtest, kannst du die Arbeit von Cursor übernehmen und deine KI bitten, sie zu korrigieren!
Gute Idee, aber normalerweise ist das eine unterschiedliche Funktion auf den Geräten (« Farbtemperatur » vs. « Farbe »)
guim31
13. Juli 2026 um 18:19
8
Ja, absolut. Ich weiß nicht, was das für den Code von Gladys bedeutet.
Aber da diese Funktionen oft zusammen auftreten, denke ich, man sollte beide entwickeln, und ein Gerät, das beide Funktionen unterstützt, sollte auch beide haben