Temabygger

[mrosvik]

Verktøy for å forstå hvordan fargesystemet fungererer, samt generere egne fargeskalaer.

⚠️ Verktøyet er under arbeid ⚠️

• På forsiden kan du velge en accent-farge og få en forhåndsvisning av komponentene.
• Under "Liste over fargeskalaer" kan du se flere farger med mer informasjon om kontrast.

Foreløpig demo: https://thuneer.github.io/designsystemet-colors/

Meld inn behov til verktøyet i denne tråden 🧵

[Camulos]

Behov, kombiner med: #1873

Andre mulige behov:

• Mulighet for å mellomlagre farger som er valgt mens en jobber
• laste ned i json/css/ts eller liknende med fargesystem, i standardisert oppsett
• laste opp json/css/ts eller liknende med eget fargesystem
• Legge inn på forhånd fargesystemer fra offentlige virksomheter som har tatt DS ibruk og som har definert eget fargesystem (legge inn en mulighet for å velge disse utover et "nøytralt" tema/fargesystem
• vise både mørk og lys modus samtidig eller gi en enkel switch på siden
• kopier fargekode-knapp
• mulighet for å legge inn farger med flere metoder, ikke bare picker og HEX
• Guide: hvordan bruke fil fra dette verktøyet for å overstyre globalt hos seg selv det nøytrale fargesystemet
• Guide: meningsbærende farger foreslås fra DS at ikke bør endres, men om de likevel ønsker å gjøre det så... hvordan?
• Guide: hvordan en kan bruke saturation uten å "ødelegge" kontraststegene i fargesystemet
• Valg: mulighet for å kun tillate farger fra fargesystemets kontraststeg, altså ingen små justeringer på L

Eksempel standardisert fil med fargesystem (ikke funksjonelle farger, kun "grunnsystemet"): https://github.com/brreg/br-contrast/blob/main/data/colors.ts

[Camulos]

Mulighet for å manuelt sette hver enkelt globale og deretter funksjonelle farge, med veiledning