> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Bruk temaer for å holde farger og hjørneavrunding konsistente på tvers av Flowstep-skjermer

> Velg eller generer et tema for hver fil, tilpass enkeltskjermer, rediger organisasjonens temaer, og koble farger og hjørner til tema-tokens slik at endringer flyter gjennom alle skjermer.

Et tema er en delt fargepalett og hjørneavrunding for skjermene dine. Hver fil har et tema og et utseende (lys eller mørk), og skjermer stiles med temaets tokens. Når du redigerer et tema, følger alle skjermer som bruker det med. Teamet ditt jobber dermed ut fra ett sett med beslutninger i stedet for å gjenta farger i hver prompt.

Temaer du lager eller genererer, lagres i organisasjonen din og vises under **Themes** på Home, slik at alle filer i organisasjonen kan bruke dem.

## Velg et tema for en fil

Velg tema og utseende for nye skjermer fra prompt-komponenten inne i en fil. Temaknappen er ikke tilgjengelig i prompt-boksen på Home.

<Steps>
  <Step title="Åpne temamenyen">
    I prompt-komponenten klikker du på temaknappen. Den viser fargeprøven til det gjeldende temaet, eller et fargehjul når temaet er **Automatic**. Menyen har tittelen **Theme for new screens**.
  </Step>

  <Step title="Velg et tema">
    Velg **Automatic**, et av organisasjonens temaer (listet først) eller et innebygd tema: **Default**, **Blue**, **Grayscale**, **Green**, **Ice**, **Orange**, **Red**, **Rose**, **Violet** eller **Yellow**.
  </Step>

  <Step title="Velg et utseende">
    Under **Appearance** velger du **Light** eller **Dark**, eller **Automatic** for at Flowstep skal avgjøre per skjerm ut fra prompten din. «Et mørkt dashbord» blir for eksempel mørkt.
  </Step>
</Steps>

<Note>
  Valget ditt gjelder skjermene du genererer neste gang. Skjermer som allerede er på lerretet, beholder utseendet sitt.
</Note>

## La Flowstep designe et tema

Når en fil ikke har et tema ennå, for eksempel en ny fil der temaet er satt til **Automatic**, designer Flowstep et egendefinert tema sammen med de første skjermene den genererer. Du ser et trinn kalt **Designing theme** i chatten mens det arbeider.

Flowstep bygger temaet ut fra:

* Farger du nevner i prompten din
* Farger i [designretningslinjene dine](/no/design-guidelines)
* Merkevarefarger fra vedlegg og [lenker du limer inn](/no/design-references#paste-a-url)
* Produktet og stemningen prompten din beskriver, når det ikke finnes noe mer spesifikt å gå ut fra

Temaet får et kort navn, en komplett palett for både lys og mørk, og et trinn for avrunding. Det lagres i organisasjonen din under **Themes** på Home, og filen bruker det for alle skjermer som genereres etter det.

Når en fil har et tema, designer Flowstep ikke et nytt av seg selv. For å få et nytt tema velger du **Automatic** igjen i temamenyen. Neste generering designer et nytt tema, og filen går over til det. Hvis Flowstep ikke kan designe et tema, faller filen tilbake til et innebygd tema.

<Tip>
  Nevn merkevarefargene dine i den første prompten, eller sett dem i [designretningslinjene dine](/no/design-guidelines) før du genererer. Da starter det genererte temaet fra dem.
</Tip>

## Endre temaet for én skjerm

For å tilpasse en enkelt skjerm uten å endre resten av filen:

1. Velg skjermen på lerretet.
2. I menyen over skjermen klikker du på **Theme**-knappen.
3. Velg et av organisasjonens temaer eller et innebygd tema, eller bytt mellom **Light** og **Dark**.

Når du bytter tema, blir skjermen malt på nytt med en gang. Å bytte mellom **Light** og **Dark** ber AI-en om å tilpasse skjermen på nytt, på samme måte som en [AI-redigering](/no/editing-designs). Menyen er utilgjengelig mens en generering kjører.

## Rediger et tema

Åpne et tema fra **Themes**-seksjonen på Home. Temaredigeringen viser en live forhåndsvisning av temaet, med **Theme settings** til høyre. Bruk knappene **Light** og **Dark** øverst for å bytte forhåndsvisning, og klikk på temaets navn for å gi det nytt navn.

* **Colors** – hver fargegruppe har en fargeprøve for lys og en for mørk: **Primary**, **Secondary**, **Accent**, **Muted**, **Destructive**, **Background**, **Card**, **Popover**, **Border**, **Input**, **Ring**, **Charts** og **Sidebar**. Klikk på en fargeprøve for å redigere fargene, for eksempel fyll- og tekstfargen for en gruppe, med fargevelgeren eller en heksadesimal verdi.
* **Radius** – velg et avrundingstrinn (**Square**, **Slight**, **Balanced**, **Soft** eller **Round**), eller velg **Custom** og dra **Base radius** for å angi din egen verdi.

Redigeringene dine lagres som et utkast, så skjermer endrer seg ikke mens du jobber. Når du er klar:

* Klikk **Publish** for å oppdatere alle skjermer som bruker temaet. Flowstep bekrefter med "Published. Screens using this theme are updating." (Publisert. Skjermer som bruker dette temaet, oppdateres.)
* Klikk **Reset changes** for å forkaste upubliserte endringer. Skjermer som bruker temaet, påvirkes ikke.

For å fjerne et tema klikker du på **Delete theme** nederst i **Theme settings**, eller på søppelbøtte-ikonet ved siden av temaet i **Themes**-listen på Home. Et slettet tema tilbys ikke lenger i temamenyene. Skjermer som allerede bruker det, beholder utseendet sitt, så ingenting på lerretet endrer seg.

<Note>
  Alle i organisasjonen din, unntatt Guests (gjester), kan redigere og slette temaer.
</Note>

## Koble farger og hjørner til temaet ditt

Farger og hjørner kan peke på et tema-token i stedet for en fast verdi. En koblet verdi følger skjermens tema. Når temaet endrer seg, for eksempel ved et annet tema, en publisert redigering eller et bytte mellom lys og mørk, oppdateres koblede farger og hjørner med det.

**Colors**: I panelet **Fill** eller **Border** klikker du på fargeprøven. Under fanen **Token** søker du etter eller velger et token fra gruppene **Theme**, **Base** eller **Tailwind**. Bruk fanen **Custom** for en eksakt farge. En koblet farge viser token-navnet sitt i panelet, og du kan fortsatt justere opasiteten.

**Corners**: I panelet **Corners** klikker du på en hjørneforhåndsvisning. Under fanen **Token** velger du et trinn, for eksempel `md` eller `lg`. Under fanen **Custom** skriver du inn en eksakt verdi i piksler. Et koblet hjørne viser token-navnet sitt, og endring av temaets avrunding runder det av på nytt.

For å gjøre en koblet verdi om til en fast verdi igjen, klikker du på **Detach from token**. Fargen eller hjørnet beholder utseendet sitt, men følger ikke lenger temaet.

## Greit å vite

* **Skjermer beholder sitt eget tema**: Hver skjerm husker temaet og utseendet sitt. Endring av filens tema påvirker bare skjermer du genererer neste gang. Bruk **Theme**-menyen for den enkelte skjermen for å tilpasse eksisterende skjermer.
* **Bare publiserte versjoner**: Skjermer viser den publiserte versjonen av et tema. Utkast er bare synlige i temaredigeringen til du publiserer.
* **Token-koblinger består ved redigering**: Temafarger som brukes i skygger, filtre og gradienter, forblir koblet til temaet når Flowstep redigerer eller genererer en skjerm på nytt.
* **Avrundingstrinn som ikke skalerer**: Hjørne-tokenene `none` og `full` er alltid kantete og helt runde, uansett temaets avrunding.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.