Temabygger

Main

accent

neutral

Support

brand1

brand2

Severity

Aktiver for å overstyre severity-farger

Ta i bruk tema

Gi temaet ditt et navn

Navnet bør representere virksomheten eller produktet du skal profilere.

Kopier kodesnutten og kjør den på maskinen din for å generere design tokens (json-filer), eller lim den inn i Designsystemet sin Figma plugin (åpnes i ny fane) i Core UI Kit (åpnes i ny fane) for å oppdatere et tema direkte i Figma. Les mer om disse alternativene på eget tema (åpnes i ny fane) siden.

Formatering for Windows

npx @digdir/designsystemet@next tokens create \--main-colors "accent:#0062BA" \--neutral-color "#24272B" \--support-colors "brand1:#0D7A5F" "brand2:#5B3FA0" \--border-radius 4 \--theme "theme"

Kjør kodesnutten for å generere CSS variabler til kode.

npx @digdir/designsystemet@next tokens build

Lagre config fila di som "designsystemet.config.json" der du vil at tokens og CSS skal bli generert.

{  "$schema": "node_modules/@digdir/designsystemet/dist/config.schema.json",  "outDir": "./design-tokens",  "themes": {    "theme": {      "colors": {        "main": {          "accent": "#0062BA"        },        "support": {          "brand1": "#0D7A5F",          "brand2": "#5B3FA0"        },        "neutral": "#24272B"      },      "borderRadius": 4    }  }}

Åpne terminal i samme mappe som config fila. Kjør kodesnuttene for å generere tokens og CSS variabler til kode.

npx @digdir/designsystemet@next tokens create --config designsystemet.config.jsonnpx @digdir/designsystemet@next tokens build --config designsystemet.config.json

Noe som ikke fungerer?

Send oss en melding på Slack (åpnes i ny fane) eller lag et Github issue (åpnes i ny fane).

Velg farge

Logg inn i portalen

Navn

Passord

Glemt passord?

Alle brukere

	Epost
Ola Normann	ola@example.no	12345678
Kari Slotsveen	kari@example.no	12345678
Marcus Viken	marcus@example.no	12345678

Innstillinger

Her kan du administrere visning

Visningsmodus

Mobil

Tablet

Datamaskin

SportNyheter

Reiste alene til storbyen

Mona kvist ville finne drømmen i New York City

Folk du kanskje kjenner

Designer

Ola Normann

Frontend

Kari Slotsveen

Backend

Marcus Viken