designsystemet icon indicating copy to clipboard operation
designsystemet copied to clipboard

Investigate decorative / linear color scale integration in themebuilder

Open Thunear opened this issue 4 months ago • 1 comments

We currently only offer a "functional" color scale based on contrast for the user, where the color is calculated based on luminance. This works well when colors need to work in a functional system with states and contrast boundaries, but does not create nice colors for more decorative purposes, like illustrations.

We have gotten a lot of feedback from users that they want to generate more linear / smooth color scales with steps. A quick thought is to generate the colors based on percentage based color space interpolation to create nice transitions. And maybe the user can select how many steps should be in the color scale so that the scale looks like for example: "red-1" ... "red-15" if the user selected 15 steps.

Thunear avatar Sep 16 '25 19:09 Thunear

There are many tools out there that does this, with a huge amount of customizability. If we made one as well, what woukld the advantages be? I suppose:

  • convenience for the user when it right there and they don't have to figure out other solutions
  • a possible option to use the same parameteres we use in the ui-scale but for a linear scale, so the colors don't stray away too much from the component colors.

oddvernes avatar Sep 18 '25 07:09 oddvernes