Barvy stránky

Teď barvy celé stránky. Stejně jako v kurzu CSS je dáme prvku body: jeho pozadí pokryje celé okno a barvu jeho textu zdědí všechny prvky uvnitř, pokud nemají vlastní.

Čistě černý text na bílém pozadí je hodně ostrý. Spousta webů ho zjemňuje: pozadí s nádechem barvy a místo černé velmi tmavě šedý text. Vezmeme šedou jménem stone (kamenná), teplou šedou s trochou hnědé, která se hodí k oranžové (například slate, břidlicová, je do modra):

Černý text na bílém pozadí

Text stone 800 na pozadí stone 50

<body class="bg-stone-50 text-stone-800">

Nadpis, odkaz a štítek si ponechají své vlastní barvy: třída na prvku má přednost před barvou zděděnou od rodiče, jak to znáte z kurzu CSS.

Méně důležitý text, jako je Mourkův věk, bývá ve světlejší šedé, aby vynikl hlavní text: text-stone-500. Světlejší odstín už pro text na světlém pozadí nepoužívejte: stone-400 na stone-50 se čte špatně.