Izvēlieties failam motīvu
Izvēlieties motīvu un izskatu jauniem ekrāniem no uzvedņu veidotāja faila iekšpusē. Motīva poga nav pieejama uzvedņu lodziņā lapā Home.1
Atveriet motīva izvēlni
Uzvedņu veidotājā noklikšķiniet uz motīva pogas — tajā redzams pašreizējā motīva krāsu paraugs vai krāsu ritenis, ja motīvs ir Automatic. Izvēlne ir nosaukta Theme for new screens.
2
Izvēlieties motīvu
Izvēlieties Automatic, vienu no savas organizācijas motīviem (uzskaitītu pirmo) vai iebūvētu motīvu: Default, Blue, Grayscale, Green, Ice, Orange, Red, Rose, Violet vai Yellow.
3
Izvēlieties izskatu
Sadaļā Appearance izvēlieties Light vai Dark, vai Automatic, lai Flowstep katram ekrānam lēmumu pieņemtu pēc jūsu uzvednes — „tumšs informācijas panelis“ izskatīsies tumšs.
Jūsu izvēle attiecas uz ekrāniem, ko ģenerēsiet nākamie. Audeklā jau esošie ekrāni saglabā savu izskatu.
Ļaujiet Flowstep izstrādāt motīvu
Ja failam vēl nav motīva — jauns fails ar motīvu, kas atstāts uz Automatic —, Flowstep kopā ar pirmajiem ģenerētajiem ekrāniem izstrādā pielāgotu motīvu. Kamēr tas notiek, tērzēšanā redzēsiet soli Designing theme. Flowstep veido motīvu no:- krāsām, ko nosaucat savā uzvednē
- krāsām jūsu dizaina vadlīnijās
- zīmola krāsām no pielikumiem un saitēm, ko ielīmējat
- produkta un noskaņojuma, ko apraksta jūsu uzvedne, ja nav nekā konkrētāka, uz ko balstīties
Mainiet viena ekrāna motīvu
Lai pārveidotu vienu ekrānu, nemainot pārējo failu:- Audeklā atlasiet ekrānu.
- Ekrāna augšā esošajā izvēlnē noklikšķiniet uz pogas Theme.
- Izvēlieties vienu no savas organizācijas motīviem vai iebūvētu motīvu, vai pārslēdzieties starp Light un Dark.
Rediģējiet motīvu
Atveriet motīvu sadaļā Themes lapā Home. Motīva redaktors rāda tiešraides priekšskatījumu ar Theme settings labajā pusē. Augšā esošajās pogās Light un Dark pārslēdziet priekšskatījumu, un noklikšķiniet uz motīva nosaukuma, lai to pārdēvētu.- Colors — katrai krāsu grupai ir paraugs gaišajam un viens tumšajam izskatam: Primary, Secondary, Accent, Muted, Destructive, Background, Card, Popover, Border, Input, Ring, Charts un Sidebar. Noklikšķiniet uz parauga, lai rediģētu tā krāsas — piemēram, grupas aizpildījuma un teksta krāsas — ar krāsu atlasītāju vai heksadecimālu vērtību.
- Radius — izvēlieties noapaļojuma soli (Square, Slight, Balanced, Soft vai Round) vai izvēlieties Custom un velciet Base radius, lai iestatītu savu.
- Noklikšķiniet uz Publish, lai atjauninātu katru ekrānu, kas izmanto motīvu. Flowstep apstiprina ar „Published. Screens using this theme are updating.“
- Noklikšķiniet uz Reset changes, lai atmestu nepublicētās izmaiņas. Ekrāni, kas izmanto motīvu, netiek ietekmēti.
Visi organizācijas dalībnieki, izņemot Guests (viesus), var rediģēt un dzēst motīvus.
Saistiet krāsas un stūrus ar savu motīvu
Krāsas un stūri var norādīt uz motīva pilnvaru, nevis fiksētu vērtību. Saistītā vērtība seko ekrāna motīvam, tāpēc, mainoties motīvam — citam motīvam, publicētai rediģēšanai vai pārslēgšanai starp gaišo un tumšo izskatu —, saistītās krāsas un stūri atjauninās kopā ar to. Colors — panelī Fill vai Border noklikšķiniet uz krāsas parauga. Cilnē Token meklējiet vai izvēlieties pilnvaru no grupām Theme, Base vai Tailwind. Precīzai krāsai izmantojiet cilni Custom. Saistītā krāsa panelī rāda sava pilnvaras nosaukumu, un jūs joprojām varat pielāgot tās necaurredzamību. Corners — panelī Corners noklikšķiniet uz stūra priekšskatījuma. Cilnē Token izvēlieties soli (piemēram,md vai lg); cilnē Custom ierakstiet precīzu vērtību pikseļos. Saistītajam stūrim tiek rādīts tā pilnvaras nosaukums, un, mainot motīva noapaļojumu, tas tiek pārnoapaļots.
Lai saistīto vērtību pārvērstu atpakaļ par fiksētu, noklikšķiniet uz Detach from token. Krāsa vai stūris saglabā pašreizējo izskatu, bet vairs neseko motīvam.
Lietderīga informācija
- Ekrāni saglabā savu motīvu — katrs ekrāns atceras savu motīvu un izskatu. Faila motīva maiņa ietekmē tikai ekrānus, ko ģenerēsiet nākamie; lai pārstilizētu esošos, izmantojiet katram ekrānam paredzēto izvēlni Theme.
- Tikai publicētās versijas — ekrānos tiek rādīta motīva publicētā versija. Melnraksti ir redzami tikai motīva redaktorā, līdz publicējat.
- Pilnvaru saites saglabājas pēc rediģēšanas — motīva krāsas, kas izmantotas ēnās, filtros un gradientos, paliek saistītas ar motīvu, kad Flowstep rediģē vai pārģenerē ekrānu.
- Noapaļojuma soļi, kas nemainās — pilnvaras
noneunfullstūriem vienmēr ir kvadrātiskas un pilnībā apaļas neatkarīgi no motīva noapaļojuma.