pantoken-root / plugins/pantoken/colors/src / overlayColors

Funció: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Aplana overlay (amb intensitat percent%) sobre base opac — un substitut només CSS per a ui-color-utils overlayColors. Aquell ajudant compon la font sobre dos colors RGBA en un resultat opac; el cas comú (un tint translúcid sobre una superfície sòlida) és exactament color-mix() de dos colors. La composició RGBA-sobre-RGBA general no pot ser un únic color CSS, per tant aquesta només cobreix el cas de base opaca.

Paràmetres ​

base ​

string

El color de fons opac.

overlay ​

string

El color posat sobre ell.

percent? ​

number = 50

Quant de overlay es veu, 0–100 (per defecte 50).

Retorna ​

string

Una expressió color-mix().

Exemple ​

ts
overlayColors("var(--surface)", "var(--brand)", 12);
// "color-mix(in srgb, var(--brand) 12%, var(--surface))"