🎨
UI/UX

Sistem tem

Skrbniješke postavke

Svijetle, tamne i sustavno prilagođene teme s glatkim prijelazima

Pregled

Potpuni sustav tema s prilagođenim CSS svojstvima. Podržava svijetli, tamni i sustavni način. Korisnički izbor pohranjen u kolačićima. Lijepe animacije prijelaza između načina.

Oblikovalski premisleki

UX vzorci i opombe vizualnega ulikovanja za to funkcionalnost:

  • Dark mode isn't just inverted colors - it's a whole vibe
  • Testirajte omjere kontrasta u oba načina (WCAG AA minimum)
  • Trajanje prijelaza: 200-300ms se čini prirodno
  • System mode respects user's OS preference

Ključne prednosti

Kaj naredi to funkcionalnost izjemno:

  • Tri načina: svijetli, tamni, sustavni
  • Bez bljeska pri učitavanju stranice
  • CSS varijable za jednostavnu prilagodbu
  • Više stilova widgeta (lebdeći, padajući, preklopni)
Tehniječna opomba

ThemeHelper manages state. CSS uses [data-theme="dark"] selector. Widget renders in header via params['header']['widgets']['theme'].

Pomoćni razredi
ThemeHelper

Konfiguracija

Legenda konfiguracijskih povezav
Baza podatkov prepijoš params.php🔗 Nastavitev povezana z bazo podatkov📋 Baza podatkov hranije samo vrednost
params.php konfiguracija

Konfiguracijska pot: params['theme']

params['theme']['default'] => 'system'params['theme']['enableTransition'] => trueparams['theme']['persistChoice'] => trueparams['theme']['widget']['type'] => 'floating'params['theme']['widget']['position'] => 'top-right'
Postavke baze podatkov (tabela system_setting)
KljučVrstaOpisRelacija
default_themestringDefault theme (light/dark/system)