Skip to content

Lets take a look at our neutral color scale #4543

@Febakke

Description

@Febakke

in progress

Issues

text-subtle for our neutral scale behaves different then other colors. By that I mean that if you use a blue color as your base color. text-subtle will have a blue tint. Making look interactive and work well with the rest of the scale. In other words, if you want to have some color inn your text, use text-subtle

But, for our neutral scale it have the opposite effect. Making it look deactivated. Lets look at secondary and tertiary buttons for instance

Illustration showing 2 groups of all variants of button in a blue mode and neutral mode. One group is as it is today, the other use higher contrast on neutral variants

In most cases you would probably have a color that represents interactivity, but not always. Having a tertiary button that looks deactivated, will probably never look interactive.

One solution is to bump up the contrast on only the neutral scale on the ´text-sublteandborder-strong`. This would fix a lot of our problems out of the box I think.

The other has Mattilsynet suggested. To rename text-sublte -> test-tinted this would fit better semanticly. But will be a breaking change. So not something we would want to do at this time.

Metadata

Metadata

Assignees

No one assigned

    Labels

    $ tokensEverything related to tokens and Work related to @digdir/designsystemet-theme🎨 theme-builderEverything related to our theme builder

    Type

    No type

    Projects

    Status

    🗄️ Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions