Color picker/ theme editor

[B-Kramer]

While editing themes in the chrome dev console is fun, now that lovelace is default a new UI-driven theme editor with color picker (and maybe even suggested themes based on a color (https://coolors.co/app)) would be awesome and allow users to make awesome lovelace UI's.

It would also be a good exercise to nail down which themeing variables are going to be shown/supported.

maybe with: http://jscolor.com/examples/
or this: https://github.com/narsenico/a-color-picker/

[iantrich]

cc @thomasloven you mentioned doing something like this

[thomasloven]

Well, I have this: https://github.com/thomasloven/lovelace-theme-maker

There's no color picker yet, and I'm planning to add a list of common variables too.

[bramkragten]

The theming vars (yes, breaking changes...) should be cleaned up before we would start on an editor

[zsarnett]

#5224

[zsarnett]

Mockup of a per card theme editor. Though I think that most of these options should be based from a main theme. And then the theme tab would be able to edit specific values to the card. Sensor Graph color, Gauge Fill color, etc. But I can see an argument either way

(as you can see this is just a visual mockup. No working inputs)

[KTibow]

Progress: We can set primary color and accent color to custom variables.

[KTibow]

Consider closing?

[zsarnett]

No Theme editor would be something different IMO

[zsarnett]

And I do still think we should add a theme Variable to the Sensor Graph

[KTibow]

Should this be moved to Discussions?