> ## 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.

# Brug temaer til at holde farver og hjørneafrundinger ensartede på tværs af Flowstep-skærme

> Vælg eller generér et tema for hver fil, tilpas enkelte skærme, rediger din organisations temaer, og knyt farver og hjørner til temategn, så ændringer slår igennem på alle skærme.

Et tema er en fælles farvepalet og hjørneafrunding til dine skærme. Hver fil har et tema og et udseende (lys eller mørk), og skærme er stylet med temaets tokens. Redigerer du et tema, følger alle skærme, der bruger det, med, så dit team arbejder ud fra ét sæt beslutninger i stedet for at gentage farver i hver prompt.

Temaer, du opretter eller genererer, gemmes i din organisation og vises under **Themes** på Home, så alle filer i organisationen kan bruge dem.

## Vælg et tema til en fil

Vælg tema og udseende for nye skærme i prompt-editoren i en fil. Temaknappen er ikke tilgængelig i prompt-feltet på Home.

<Steps>
  <Step title="Åbn temamenuen">
    I prompt-editoren skal du klikke på temaknappen — den viser det aktuelle tema's farveprøve, eller et farvehjul når temaet er **Automatic**. Menuen har titlen **Theme for new screens**.
  </Step>

  <Step title="Vælg et tema">
    Vælg **Automatic**, et af din organisations temaer (vist først) eller et indbygget tema: **Default**, **Blue**, **Grayscale**, **Green**, **Ice**, **Orange**, **Red**, **Rose**, **Violet** eller **Yellow**.
  </Step>

  <Step title="Vælg et udseende">
    Under **Appearance** vælger du **Light** eller **Dark**, eller **Automatic** for at lade Flowstep afgøre det for hver skærm ud fra din prompt — "et mørkt dashboard" bliver mørkt.
  </Step>
</Steps>

<Note>
  Dit valg gælder for de skærme, du genererer næste gang. Skærme, der allerede er på lærredet, beholder deres look.
</Note>

## Lad Flowstep designe et tema

Når en fil ikke har et tema endnu — en ny fil med temaet sat til **Automatic** — designer Flowstep et brugerdefineret tema sammen med de første skærme, den genererer. Du ser trinnet **Designing theme** i chatten, mens det arbejder.

Flowstep bygger temaet ud fra:

* Farver, du nævner i din prompt
* Farver i dine [designretningslinjer](/da/design-guidelines)
* Brandfarver fra vedhæftninger og [links, du indsætter](/da/design-references#paste-a-url)
* Produktet og stemningen, din prompt beskriver, når der ikke er noget mere specifikt at gå ud fra

Temaet får et kort navn, en komplet palet til både lys og mørk og et trin for hjørneafrunding. Det gemmes i din organisation under **Themes** på Home, og filen bruger det til alle skærme, der genereres efter det.

Når en fil har et tema, designer Flowstep ikke et nyt af sig selv. Hvis du vil have et nyt tema, skal du vælge **Automatic** igen i temamenuen — den næste generering designer et nyt, og filen falder til ro på det. Hvis Flowstep ikke kan designe et tema, falder filen tilbage til et indbygget tema.

<Tip>
  Nævn dine brandfarver i din første prompt, eller angiv dem i dine [designretningslinjer](/da/design-guidelines), før du genererer, så starter det genererede tema ud fra dem.
</Tip>

## Skift temaet for én skærm

Sådan tilpasser du en enkelt skærm uden at røre resten af filen:

1. Vælg skærmen på lærredet.
2. Klik på knappen **Theme** i menuen over skærmen.
3. Vælg et af din organisations temaer eller et indbygget tema, eller skift mellem **Light** og **Dark**.

Når du skifter tema, males skærmen om med det samme. Når du skifter mellem **Light** og **Dark**, beder du AI'en om at tilpasse skærmen igen, ligesom ved en [AI-redigering](/da/editing-designs). Menuen er utilgængelig, mens en generering kører.

## Rediger et tema

Åbn et tema fra sektionen **Themes** på Home. Temaeditoren viser et live-eksempel på temaet, med **Theme settings** til højre. Brug knapperne **Light** og **Dark** øverst til at skifte eksemplet, og klik på temaets navn for at omdøbe det.

* **Colors** — hver farvegruppe har en farveprøve til lys og en til mørk: **Primary**, **Secondary**, **Accent**, **Muted**, **Destructive**, **Background**, **Card**, **Popover**, **Border**, **Input**, **Ring**, **Charts** og **Sidebar**. Klik på en farveprøve for at redigere dens farver — for eksempel en gruppes fyldfarve og tekstfarve — med farvevælgeren eller en hex-værdi.
* **Radius** — vælg et afrundingstrin (**Square**, **Slight**, **Balanced**, **Soft** eller **Round**), eller vælg **Custom** og træk **Base radius** for at angive din egen værdi.

Dine redigeringer gemmes som et udkast, så skærme ikke ændrer sig, mens du arbejder. Når du er klar:

* Klik på **Publish** for at opdatere alle skærme, der bruger temaet. Flowstep bekræfter med "Published. Screens using this theme are updating." (Udgivet. Skærme, der bruger dette tema, opdateres.)
* Klik på **Reset changes** for at kassere dine upublicerede ændringer. Skærme, der bruger temaet, påvirkes ikke.

For at fjerne et tema skal du klikke på **Delete theme** nederst i **Theme settings** eller på papirkurvsikonet ved siden af temaet i listen **Themes** på Home. Et slettet tema tilbydes ikke længere i temamenuerne, men skærme, der allerede bruger det, beholder deres look, så intet på dit lærred ændrer sig.

<Note>
  Alle i din organisation undtagen Guests (gæster) kan redigere og slette temaer.
</Note>

## Knyt farver og hjørner til dit tema

Farver og hjørner kan pege på et temategn i stedet for en fast værdi. En linket værdi følger skærmens tema, så når temaet ændrer sig — et andet tema, en udgivet redigering eller et skift mellem lys og mørk — opdateres linkede farver og hjørner med det.

**Colors** — i panelet **Fill** eller **Border** skal du klikke på farveprøven. På fanen **Token** søger du efter eller vælger et token fra grupperne **Theme**, **Base** eller **Tailwind**. Brug fanen **Custom** til en præcis farve. En linket farve viser sit tokennavn i panelet, og du kan stadig justere dens opacitet.

**Corners** — i panelet **Corners** skal du klikke på en hjørneforhåndsvisning. På fanen **Token** vælger du et trin (for eksempel `md` eller `lg`); på fanen **Custom** skriver du en præcis værdi i pixels. Et linket hjørne viser sit tokennavn, og hvis du ændrer temaets afrunding, afrundes det igen med det nye trin.

For at gøre en linket værdi fast igen skal du klikke på **Detach from token**. Farven eller hjørnet beholder sit nuværende look, men følger ikke længere temaet.

## Godt at vide

* **Skærme beholder deres eget tema** — hver skærm husker sit tema og udseende. Når du ændrer filens tema, påvirkes kun de skærme, du genererer næste gang; brug menuen **Theme** for den enkelte skærm til at tilpasse eksisterende skærme.
* **Kun udgivne versioner** — skærme viser et temas udgivne version. Udkast er kun synlige i temaeditoren, indtil du udgiver.
* **Tokenlinks består redigeringer** — temafarver, der bruges i skygger, filtre og gradienter, forbliver linket til temaet, når Flowstep redigerer eller genererer en skærm igen.
* **Afrundingstrin, der ikke skalerer** — hjørnetokenerne `none` og `full` er altid henholdsvis firkantede og helt runde, uanset temaets afrunding.


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