Skip to content

pantoken / plugins/pantoken/colors/src / overlayColors

Fušla: overlayColors()

overlayColors(base, overlay, percent?): string

Behta

Loddi overlay (percent% máttaráhkku) ovttas opahta base — CSS-ovddas bara válddi ui-color-utils overlayColors-n dáhpáhusas. Das helper source-over-composites guovtti RGBA fargaid oksiin ovttas opahtta rezultáhta; buorre olbmuid (láhppostovdna dásis solid surface-sis) lea eatnamat duojuin farga color-mix(). Geavaheaddji RGBA-ovddas-RGBA komponemiššonii sáhte leat oktavuohta CSS farga, don sáhttet dál csak opahta-base-háldda leat.

Parametera

base

string

Opahta bákgáhtta farga.

overlay

string

Farga mii leat ovttas.

percent?

number = 50

Mii mátka overlay čalbmemuš čalbma, 0–100 (doallot 50).

Gullii / Gávdnat

string

color-mix()-expressiija.

Exempel

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