Brug temaer til at holde farver og hjørneafrundinger ensartede på tværs af Flowstep-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.

​

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
• Brandfarver fra vedhæftninger og links, du indsætter
• 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.

​

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

​

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.