Legge til utvidet støtte for dark mode i card select

[hannehaugland]

Bakgrunn

Per dags dato er cardet i Card Select alltid hvitt, uavhengig av om mode er light eller dark. (Se bildet) Dersom dette skal endres slik at bakgrunnsfargen støtter dark mode, må også tekstfarge oppdateres for å synes på ny dynamisk bakgrunn.

Løsning

Jeg har lagt til dynamisk bakgrunnsfarge og da også tekstfarge for card i cardselect. Fant ingen skisser i Figma for darkmode i Card Select enda, så jeg har tatt utgangspunkt i bakgrunnsfargene for fargevalget.

Det ser da slik ut:

Jeg har prøvd å bruke samme tilnærming som eksisterende komponenter med støtte for darkMode, men si gjerne ifra dersom det er ønskelig å gjøre noe annerledes 😊

[changeset-bot]

⚠️ No Changeset found

Latest commit: 5a68354

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[selbekk]

cc @perweum ser dette greit ut for deg?

[selbekk]

Kjempefint lite PR <3

Tror det heter color og ikke textColor i CSS, men kanskje begge fungerer i Chakra. Uansett så foretrekker vi color.

[perweum]

Her har det skjedd en liten glipp. Jeg hadde en prat med Live og vi går heller vekk fra å bruke bakgrunnsfarge på outlined komponenter. Der en komponent bruker bakgrunnsfarge i en state (som ghost-active) skal det være definerte egne farger for dark og light-mode. Jeg skal prøve å få samlet dokumentasjonen i kveld sånn at du kan justere komponentene.

[perweum]

Her er link til en visualisering av dark og lightmode for å vise forskjellene. Det at vi har fjernet bakgrunnen på flere komponenter er ikke implementert enda i kode, men vi fant ut at det er enkleste måte å håndtere ulike bakgrunnsfarger. I digital bruker vi "Night" som bg i darkmode.

Vi holder fortsatt på å sette designet i darkmode for alle komponenter så det er veldig fint med feedback sånn som dette.

[perweum]

@selbekk, Hanne hadde en bra tilbakemelding på designet på darkmode, ved at det ikke vil fungere der vi må bruke komponenten som overlay (f.eks. ved kart). Jeg lurer på om det mulig å legge til en ny prop med en solid bakgrunn, hvor man kan definere bakgrunn selv? Så kan IT bruke "Dark Grey" og vi kan bruke "Night", men at komponenten fortsatt har en "White Alpha 100" bakgrunn som default.
Eller har du kanskje noen andre forslag?