Theming: compute the primary color based on the background image

[PVince81]

@skjnldsv I think you said you had an idea how to do this ?

can you post your ideas / concepts here ?

I guess the code in question (hopefully a library) will need to process all pixels of the image

[PVince81]

currently as an alternative we will let the user pick the primary color themselves: #34437

[skjnldsv]

This require an extra step:

1. Separate the config between background and color. So we can have BOTH a custom bg AND a custom colour.

Then we can address this.

• I would compute the colour in the front while uploading. (https://lokeshdhakar.com/projects/color-thief/)
• That way the user can also decide to fine-tune the colour afterwards with the color-picker

[jancborchardt]

Separate the config between background and color. So we can have BOTH a custom bg AND a custom colour.

To be honest I would say we only go with autogeneration. It’s an end-user feature, it should just work, like the Material You color algo. The resulting color needs to be accessible, visually pleasing, etc – nothing that you want to necessarily fiddle around with manually.

[skjnldsv]

To be honest I would say we only go with autogeneration. It’s an end-user feature, it should just work, like the Material You color algo. The resulting color needs to be accessible, visually pleasing, etc – nothing that you want to necessarily fiddle around with manually.

It's not an option, it's a technical requirement for this to be possible.

[skjnldsv]

@jancborchardt @nimishavijay I'm gonna use this library https://jariz.github.io/vibrant.js/
It generate a few type of colour from an image, please tell me which of the following I should use as primary:

• Vibrant
• Muted
• DarkVibrant
• DarkMuted
• LightVibrant
• LightMuted