Pilna Temų Studija žiniatinklio programos išvaizdai pakeisti visose rolėse. Žr. 2.4 išsamiai pristatytą versiją; šis įrašas yra plokščias nuorodų sąrašas.

1. Paruoštos temos

Aštuonios paruoštos temos, naudojamos tokios, kokios yra, arba kaip pagrindas tolesniam derinimui.

  • Classic (numatytoji) — tamsiai mėlynas prekės ženklas, vidutiniai kampai, plokšti kortelės.
  • Lagoon — ramus žalsvai mėlynas atspalvis ant šiltų neutralių spalvų.
  • Metro — visiškai kvadratiniai kraštai, įkvėpti Windows 10.
  • Material — Google Material 3, tonuoti violetiniai paviršiai, piliulės formos mygtukai.
  • Cupertino — Apple stilius, iOS mėlyna, sugrupuoti pilki fonai.
  • Sakura — vyšnių žiedų rožinė ant švelnių popieriaus tonų.
  • Editorial — žurnalo stilius, serifinis šriftas, kreminis popierius, bordo rašalas.
  • Midnight — pilnas tamsusis režimas, švytinčios fokuso būsenos.

2. Spalvos

  • Išvaizda — Šviesi arba Tamsi; Tamsi iš naujo tonuoja kiekvieną pilką, baltą ir būsenos spalvą programoje.
  • Prekės ženklo spalva — naudojama pirminiams mygtukams, nuorodoms, aktyvioms būsenoms ir fokuso žiedams.
  • Kraštinės — Subtilios arba Ryškios.
  • Neutralios pilkos spalvos — pasirenkama pilkų spalvų šeima, kuri iš naujo tonuoja visą pilką tekstą, kraštines ir fonus.
  • Būsenos spalvos — Pavojus, Sėkmė, Įspėjimas, Informacija, plius Paviršius ir Tekstas.

3. Tipografija

  • Pagrindinio teksto šriftas ir antraščių šriftas — nepriklausomai pasirenkami šriftai.
  • Teksto dydis — Mažesnis / Mažas / Numatytasis / Didelis / Didesnis, visoje programoje.

4. Forma ir tarpai

  • Bendras kampo apvalinimas — nuo šios vienos reikšmės proporcingai keičiasi kiekvienas apvalintas kampas programoje.
  • Bendri tarpai — procentas, kuris keičia kiekvieną paraštę, užpildymą ir tarpą.

5. Mygtukai

  • Aukštis pagal dydį (Ypač mažas / Mažas / Vidutinis / Didelis), horizontalus užpildymas ir kampo stilius.
  • Pirminis užpildymas (Gradientas/Vientisas) ir pirminis šešėlis (Plokščias/Subtilus/Pakeltas/Kietas/Švytintis).
  • Nebūtini spalvoti antriniai mygtukai, antrinis stilius (Vientisas/Švelnus/Kontūras), teksto storis ir didžiosios raidės.

6. Formos laukai

  • Lauko aukštis, kampo stilius, ir paryškinimo fokusuojant jungiklis (prekės ženklo spalvos kraštinė ir švytėjimas aktyviame lauke).

7. Lentelės

  • Antraštės stilius (Šviesiai pilka / Prekės ženklo atspalvis / Vientisas prekės ženklas / Balta) ir antraštės aukštis.
  • Eilučių ir langelių tarpai, teksto dydis, kampo stilius, dryžuotos eilutės, stulpelių skirtukai ir išorinė kraštinė.

8. Kortelės, dialogo langai ir žymos

  • Kortelės šešėlis ir dialogo lango šešėlis, nepriklausomai (Nėra/Subtilus/Švelnus/Pakeltas/Plūduriuojantis/Kietas/Švytintis), plius kortelės kraštinės storis.
  • Dialogo lango kampo stilius, fono patamsinimas, žymos kampo stilius (pvz., Piliulė), ir skirtuko indikatoriaus storis.

9. Efektai

Atskiras, labiau eksperimentinis skirtukas; pats produktas įspėja, kad šie gali „sulėtinti programą ir sukelti trūkčiojimą kai kuriuose įrenginiuose“, todėl naudokite saikingai.

  • Akcentinė spalva (antra spalva švytėjimui/neonui) ir antraštės spalva (teksto spalva arba akcentinė spalva).
  • Puslapio raštas — Nėra / Tinklelis / Synthwave / Aurora.
  • Jungikliai: Švytintis tekstas, Švytintys kontūrai, Neoniniai mygtukai, „Glitch“ efekto antraštės, Nupjauti kampai, CRT skenavimo linijos.
  • Švytėjimo intensyvumas — Normalus arba Maksimalus.

10. Išdėstymas

  • Šoninė juosta — Prekės ženklo spalva / Tamsi / Šviesi / Pasirinktinė spalva, plius šoninės juostos plotis.
  • Viršutinė juosta — Atitinka šoninę juostą arba Balta (šviesi šoninė juosta visada priverčia baltą viršutinę juostą).
  • Puslapio fono spalva.

Niekas nepasikeičia niekam kitam, kol nepaspaudžiate Išsaugoti temą — tada ji iškart pritaikoma visoms instituto rolėms. Meniu „…“ šalia Išsaugoti yra galimybė Atstatyti numatytuosius.