Ova stranica postoji da bismo videli novi header u kontekstu i proverili da li se prebacivanje na tamnu temu prostire kroz ceo dokument, a ne samo kroz zaglavlje. Tekst je na latinici da bi se proverila i pokrivenost dijakritika u fontu Zilla Slab: đ, ć, č, ž, š — Mašina, Društvo, Životna sredina, učešće, žiža, đačko.
Prebaci temu gore desno u zaglavlju i prati da li se sve menja zajedno: pozadina stranice, boja teksta, naslovi, linkovi i površine. Ako neki element „zaostane” u svetloj boji dok je ostatak taman (ili obrnuto), to je token koji se ne preliva i beležimo ga.
Tipografija i telo teksta
Naslovi koriste eksplicitan token za boju naslova, pa se prebacuju nezavisno od tela teksta. Ovde je jedan inline link unutar sadržaja — proverava .entry-content a pravilo (boja linka + crveni hover). Pređi mišem preko linka da vidiš hover stanje.
- Telo teksta — porodica, osnovna veličina, prored i razmak.
- Naslovi H1–H3 — boja naslova, preliva se u tamnoj temi.
- Linkovi u sadržaju — meka plava, crveni hover (privremeno, do potvrde dizajnera).
- Dijakritike — đ ć č ž š moraju biti čiste u oba moda.
Manji podnaslov (H3)
Još jedan pasus da stranica bude dovoljno visoka za proveru lepljivog (sticky) zaglavlja. Skroluj nadole — zaglavlje treba da ostane prikačeno na vrh, bez „overflow:hidden” zamke koja bi ga otkačila. Ispod admin trake offset već pokriva CSS promenljiva.
Citat blok — proverava razmak, levu ivicu i boju u oba moda. „Forma prati sadržaj, ali token prati formu.”
Probni citat
Istaknuti / preformatirani blok
Ovo je preformatted blok — privremeno nosi tamno-mode akcentnu površinu iz D2 (html.dark-mode .wp-block-preformatted). Finalni izgled „accent box" stiže od dizajnera u D5. Za sada proveri samo da se površina i tekst čitaju u oba moda.
Dugmad i forme
Polja iznad proveravaju površine i ivice formi iz osnovnog sloja (input / select / textarea). Boje i ivice treba da prate token-e i da se prebace u tamnoj temi.
Završni pasus — dodatna visina za sticky test. Kada potvrdiš da se sve preliva čisto u oba moda i da zaglavlje ostaje prikačeno, gate za Step 2 je ispunjen i prelazimo na Step 3 (off-canvas panel + responsive).