Dark mode je 2019. godine uveo Apple na iOS 13, a Google na Android 10 — i od tada postaje standardna funkcijalnost u svakom ozbiljnom digitalnom proizvodu. U 2026. godini, korisnici koji preferiraju dark mode čine više od 55% aktivnih mobilnih korisnika u večernjim satima. Ovo nije samo estetska preferencija — ima mjerljive razloge, i konkretne implikacije za dizajn.
Zašto korisnici preferiraju dark mode
Ušteda baterije na OLED ekranima. Na OLED i AMOLED ekranima (koji su danas standard na premium pametnim telefonima), tamni pikseli troše znatno manje energije od svijetlih. Google je objavio da dark mode na Pixelu može smanjiti potrošnju energije ekrana za 15–60%, ovisno o sadržaju i svjetlini ekrana. Ovo je opipljiva razlika u autonomiji uređaja.
Smanjen napor za oči u uvjetima slabog osvjetljenja. Bijeli ekran u tamnoj prostoriji je poput baterijske lampe usmjerene u lice. Dark mode smanjuje kontrast između ekrana i okoline, što smanjuje naprezanje mišića šarenice i subjektivni osjećaj zamora. Posebno je relevantan za korisnike koji koriste uređaje u večernjim satima.
Estetska preferencija i fokus. Mnogi korisnici jednostavno preferiraju dark mode vizualno — tamna pozadina ističe sadržaj, smanjuje vizualni “šum” i daje elegantniji dojam. Posebno je popularan u developer, creative i gaming zajednicama.
Dizajnerski izazovi dark mode-a
Implementacija dark modea nije jednostavno “obojiti pozadinu u crno”. Dizajn koji je razvijen primarno za light mode rijetko funkcioniše jednako dobro u dark varijanti bez pažljive prilagodbe:
- Sjene (shadows) nestaju na tamnoj pozadini — elevacija se mora postići drugačijim metodama (suptle svjetliji slojevi umjesto sjena)
- Čista bijela (#ffffff) na tamnoj pozadini je preagresivna — preporučuje se bijela s reduciranom svjetlinom (#E3E3E3 umjesto #FFFFFF)
- Zasićene boje izgledaju previše intenzivno na tamnoj podlozi — paleta boja za dark mode treba biti manje zasićena
- Fotografije i ikonice dizajnirane za world mode mogu biti nevidljive ili vizualno neuskladjene u dark modu
Tehnička implementacija na webu
CSS media query prefers-color-scheme: dark detektuje sistemsku preferenciju korisnika i može automatski primijeniti dark varijantу bez korisničke interakcije. Moderni browseri (Chrome, Firefox, Safari) podržavaju ovo od 2019. godine.
Za WordPress stranice, implementacija zahtijeva prilagodbu CSS-a teme i pažljivo testiranje svakog vizualnog elementa u obje varijante. Nije trivijalan posao za kompleksne dizajne — ali investicija koja se isplati, jer automatski dark mode poštuje korisničke preferencije bez ikakve akcije s njihove strane.
Trebate li dark mode na poslovnoj web stranici?
Zavisi od vaše ciljne publike. Za tech proizvode, kreativne studije, gaming platforme i medije — dark mode je gotovo obavezan. Za B2B poslovne stranice, e-commerce u segmentu hrane ili dječjih proizvoda, turizam i slične industrije — light mode ostaje primarni, a dark mode je bonus.
Ono što svakako trebate: web stranicu koja ne zabranjuje dark mode. Stranice koje sistemski ignoriraju prefers-color-scheme prikazuju se u light modu čak i korisnicima koji su sistemski uključili dark — što je loše korisničko iskustvo koje možete lako izbjeći.
Treba li vaša web stranica podržavati dark mode
Kratki odgovor: ovisi o publici i tipu stranice. Duži odgovor:
Dark mode je prikladan i preporučen za: SaaS i tech produkte, developer alate i platforme, portale s visokim sadržajem teksta koji se čita dugo, i brendove čiji vizualni identitet dobro funkcioniše na tamnoj podlozi (dark, luxury, gaming estetika).
Dark mode je manje prikladan ili nepotreban za: e-commerce s mnogo fotografija proizvoda (tamna pozadina mijenja percepciju boja), lokalne servisne firme s konzervativnijom publikom, i stranice gdje su vizuali primarni sadržaj (fotografski portfoliji, food, lifestyle).
Minimalni pristup za 2026.: implementirajte CSS prefers-color-scheme media query koji automatski adaptira boje prema sistemskim postavkama korisnika, bez eksplicitnog togglea. Korisniku koji ima dark mode na sistemskom nivou — stranica se automatski prilagođava. Ovo je dostupno bez dodatnog razvoja u modernim CSS radnim okvirima.
Praktična implementacija dark modea na WordPressu
Za WordPress stranice, dark mode se može implementirati na više načina:
- Automatska CSS adaptacija —
@media (prefers-color-scheme: dark)u custom CSS definira alternativnu paletu. Najčistija opcija, bez pluginova. - Dark Mode plugin (WP Dark Mode, Coloris) — dodaje toggle za ručno prebacivanje, pamti korisnikovu preferencu u localStorage. Brza implementacija, ali dodaje JavaScript overhead.
- Thematska podrška — Uncode tema i slične premium teme imaju ugrađenu dark mode podršku kao opciju u postavkama. Provjera je jednostavna.
Bez obzira na metodu: testiranje je obavezno. Svaki element stranice treba biti pregledan u dark varijanti — slike s bijelom pozadinom, ikonice, grafovi, testimonijal sekcije s pozadinom — sve može izgledati neočekivano drugačije.