We need GRADIENTS in Library Colors

The Library > Colors feature works great for light / dark mode - but as far as I can tell you can’t use gradients this way??

Could we get Gradients in Library - OR …just as effective IMO - the ability to make a gradient from one Library Color to another Library Color ??

FWIW the gradient UI is below WeWeb standards at this point and could use a little UX love :wink:

@Alexis @Joyce

3 Likes

I feel like it SHOULD work when you BIND a gradient - by using the format "“linear-gradient(Xdeg, colorA, colorB)” - and using the COLOR variables from library - but it doesn’t work …

3 Likes

Hi @Mark_Pederson :wave:

Nice suggestion! Don’t hesitate to submit a feedback here: https://feedback.weweb.io/make-a-request/

We centralize and process all the improvement suggestions and new feature requests there.

Hi,

It works perfectly, but you have to write it like this

1 Like

That’s awesome!!

FWIW - You should add that to the whole dark / light mode / theme documentation and/or video. Based on other posts - as simple and awesome as the switch theme / library colors feature is - seems like folks (including me) are not fully grasping how to leverage it.

@Alexis I have a follow up feature request -

Why not add a “custom” button next to “Light” & “Dark” - so you have “Light” & “Dark” & “Custom” - this way a User can have MORE than just light, dark themes.

User clicks “custom” and you get a drop down - defaults to “add”. User clicks “add” and then names the theme - let’s say “sunrise” for example.

Now on any library color - when you click “Custom” - you see “sunrise” in the custom drop down - and you can define that color.

This way - Users can support multiple themes - not just light / dark modes.

1 Like

@Alexis alternatively - you could allow user ability to BIND the Light and Dark colors to a variable in the Library.

This way - for example - you have “Background” as a Library color - you bind the Light to “varLightBackground” and you bind the Dark to “varDarkBackground” - and this way app could set up / define those variables based on a theme chosen by user.

This would allow WeWeb devs ability to have multiple/different color “themes” that all work in dark/light modes.

1 Like