Překryv

Overlay upozadí obsah v pozadí a zvýrazní důležitý prvek v popředí. Typicky dialog, loader nebo potvrzovací akci.

Intenzita

Podle požadovaného důrazu použijte jednu ze tří intenzit.

Název	Popis	Proměnná
Subtle	Jemný, nevýrazný 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