New "inverted" Background Colors

[Bonapara]

Desired Behavior

We want to introduce 2 new Inverted background colors in the theme:

Inverted - Secondary Inverted - Primary

Inverted - Secondary will be used as the gray Neutral banner background.

Properties

[shree-1788]

@Bonapara can you assign me this issue?

[Bonapara]

Sure, thanks @shree-1788!

[DecodersLord]

@Bonapara Would love to take a look into this.. can you please provide a bit more info?

[Bonapara]

The goal is to introduce these 2 new colors in the design system :)

[DecodersLord]

@Bonapara I guess I have made the correct changes by editing BackgroundLight and BackgroundDarak files as below

However, when trying to build twenty-ui using npx I run into below error on my WSL 2 Ubuntu machine. Is it just my machine or I am missing any pre-requisites? (All the build requirements before this works and I can even hit the server at http://localhost:3000/graphql.)

The test twenty-ui passes but I guess that doesn't necessarily test the changes

[DecodersLord]

I see #6329 reporting the same but with no resolution.

[Bonapara]

@lucasbordeau any input?

[ijreilly]

Fixed with #6354