/* CABINDESIGN 4 — tamna tema (tamno.css), učitava se POSLEDNJI Uključuje je atribut data-tema="tamna" na , koji postavlja skripta u -u pre crtanja strane. Menjaju se SAMO tokeni uloga — komponente ih ne znaju. Logo koristi tamnu varijantu iz dizajna (Sajt firme 4/Logo): krem kvadrati, svetlozelena boja teme. Zamka iz ranijih projekata: boja naslova postaje SVETLA, pa ne sme nigde da bude podloga — zato dugmad imaju svoje tokene (--dugme-puno-pozadina / --dugme-puno-tekst). */ :root[data-tema="tamna"] { color-scheme: dark; --pozadina: #0b100d; --pozadina-2: #111813; --povrsina: #151d18; --povrsina-2: #1b241e; --kartica: #131b16; --kartica-ivica: rgb(255 255 255 / 0.06); --kartica-senka: 0 0.1rem 0.2rem rgb(0 0 0 / 0.3), 0 2rem 5rem -2.4rem rgb(0 0 0 / 0.75); --tekst: #e5eae2; --tekst-tiho: #a3ada4; --tekst-ugaseno: #6f7b72; --naslov: #f3f5f0; --ivica: rgb(229 234 226 / 0.08); --ivica-jaka: rgb(229 234 226 / 0.18); --tema: var(--p-bor-svetli); --tema-blago: rgb(140 199 155 / 0.12); --akcenat-tekst: #f0b061; --akcenat-blago: rgb(230 153 63 / 0.18); --kvacica: var(--p-bor-svetli); --logo-tinta: var(--p-papir); --logo-akcenat: var(--p-bor-svetli); --logo-rs: var(--p-bor-svetli); --dugme-puno-pozadina: #eef1ea; --dugme-puno-tekst: #0f1411; --dugme-puno-senka: 0 0.6rem 1.8rem -0.4rem rgb(0 0 0 / 0.6); --tiho-dugme: rgb(229 234 226 / 0.08); --tiho-dugme-hover: rgb(229 234 226 / 0.14); /* istaknut model je malo svetliji od strane, da se odvoji */ --traka-pozadina: #141e18; --traka-ivica: rgb(238 241 234 / 0.1); --staklo-pozadina: rgb(18 25 20 / 0.62); --staklo-gusto: rgb(20 28 23 / 0.84); --staklo-cvrsto: rgb(20 28 23 / 0.97); --staklo-ivica: rgb(255 255 255 / 0.1); --staklo-odsjaj: rgb(255 255 255 / 0.08); --tab-tekst: #b8c2b9; --tab-socivo: rgb(255 255 255 / 0.1); --nav-aktivan: rgb(255 255 255 / 0.08); --kontakt-telefon: #3d7356; --senka-1: 0 0.1rem 0.2rem rgb(0 0 0 / 0.3), 0 0.8rem 2.4rem -0.8rem rgb(0 0 0 / 0.5); --senka-2: 0 0.2rem 0.6rem rgb(0 0 0 / 0.3), 0 1.6rem 4rem -1.2rem rgb(0 0 0 / 0.6); --senka-3: 0 0.4rem 1.2rem rgb(0 0 0 / 0.35), 0 3.2rem 8rem -1.6rem rgb(0 0 0 / 0.7); --senka-karton: 0 0.2rem 0.4rem rgb(0 0 0 / 0.3), 0 3rem 7rem -3rem rgb(0 0 0 / 0.8); --fokus: var(--p-bor-svetli); /* hero: veo je sada noć, pa se fotografija preliva u tamnu stranu */ --veo-rgb: 11 16 13; --magla-sloj: rgb(30 40 34 / 0.45); --zar-sjaj: rgb(236 158 70 / 0.3); --hero-uvod: #c3ccc4; --naslov-akcenat: var(--p-bor-svetli); --dan-zauzet-tekst: #5f6b62; --dan-srafura: rgb(229 234 226 / 0.13); --dan-raspon-tekst: #d2e8d9; --dan-izabran-pozadina: #eef1ea; --dan-izabran-tekst: #0f1411; --hk-raspon: rgb(140 199 155 / 0.2); --hk-plocica: rgb(255 255 255 / 0.07); --proba-sajt-pozadina: linear-gradient(160deg, #1f2b23 0%, #141d17 100%); --proba-aplikacija-pozadina: linear-gradient(160deg, #2e2519 0%, #1f1a12 100%); --pregledac-traka: #1d2620; --pregledac-adresa: #2a352d; --korist-sajt: linear-gradient(160deg, #1d2a22 0%, #151f19 100%); --korist-kalendar: linear-gradient(160deg, #2e2519 0%, #201a12 100%); --korist-aplikacija: linear-gradient(160deg, #1b2426 0%, #131a1b 100%); --korist-broj: rgb(255 255 255 / 0.07); --korist-ikona-pozadina: rgb(255 255 255 / 0.08); --lista-pozadina: rgb(255 255 255 / 0.06); } /* hero: priroda noću — prigušena, da svetla slova imaju kontrast */ [data-tema="tamna"] .hero-foto img { filter: brightness(0.5) saturate(0.85); } /* snimci svetlog sajta u tamnom okruženju — malo prigušeni, da ne bleskaju */ [data-tema="tamna"] .pregledac img { filter: brightness(0.88); }