Překryv

Překryv (overlay) se používá k upozadění části aplikace, abychom mohli v popředí zobrazit prioritní informace. Nejčastějším případem, kdy se s overlayem setkáme, je poloprůhedné pozadí za dialogem nebo loaderem.

Intenzita

Dle chtěného efektu na upřednostnění popředí je možné vybírat ze tří úrovní intenzity.

Název	Popis	Proměnná
Subtle	Jemný, nevázný překryv	--overlay-subtle
Default	Výchozí překryv	--overlay
Strong	Výrazný překryv	--overlay-strong

.overlay {
    background-color: var(--overlay);
}

Porovnání

Bez překryvu

Subtle

Default

Strong