🎨 Design System & Témata
Interaktivní vzorník a specifikace nového designového systému. Tento systém sjednocuje DaisyUI a Tailwind tokeny a garantuje maximální kontrast a čitelnost ve světlém i tmavém režimu.
1. Toast Notifikace (Interaktivní testování)
Toasty jsou plně sladěné s tématy (Light i Dark). Mají vysoký kontrast, zaoblení rounded-2xl, stín a podporují ikony i akční tlačítka.
2. Odznaky & Ligové medaile (Opravený padding)
Všechny badges mají nyní globálně vyvážený padding (px-3 py-1), vertikální vycentrování a přirozený pilulkový tvar (rounded-full), který se už nedeformuje ani při změně velikosti písma.
Ligová ocenění a medaile (Velikost: badge-lg s vyváženým paddingem)
Stavové odznaky turnaje (Standardní velikost)
Velikostní hierarchie (xs → sm → md → lg)
Zápasový indikátor skóre
3. Barevná paleta a sémantické tokeny
Povrch karet & tabulek
Základní tělo boxů, formulářů a modálů.
Pozadí aplikace
Hluboký podklad pod kartami a sekcemi.
Ohraničení & oddělovače
Jemné a přesné linky tabulek a karet.
Hlavní text & titulky
Maximální kontrast. Už žádný nečitelný světlý text ve white mode!
4. Typografie a textový kontrast
SPPDF BeerPong Liga 2025
1. Kolo – Turnajový večer
Brouci vs. Vlci (Zápis zápasu)
Základní čtecí text s plným kontrastem. Tento text je bezpečně čitelný za jakýchkoliv světelných podmínek na monitoru i mobilu.
text-base-content/70: Popisky, metadata a datum (např. 📅 24. 10. 2026 • 5 odehraných zápasů).
5. Tlačítka a stavy (Buttons)
Základní varianty
Velikosti (Sizes)
6. Ukázka ligové tabulky (Table Component)
🏆 Celková ligová tabulka (Jarní semestr 2025)
Ukázka vysokého kontrastu textů i při podbarvení prvního místa
| Poř. | Tým | Zápasy | V | R | P | Skóre | +/- | Body |
|---|---|---|---|---|---|---|---|---|
| 🥇 | Vlci | 3 | 3 | 0 | 0 | 30:19 | +11 | 9 |
| 2. | Brouci | 3 | 2 | 0 | 1 | 26:24 | +2 | 6 |
| 3. | Šneci | 3 | 0 | 0 | 3 | 15:28 | -13 | 0 |