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

Functie: overlayColors() ​

overlayColors(base, overlay, percent?): string

Bèta

Vlak overlay af (met percent% sterkte) over een ondoorzichtige base — een alleen-CSS plaatsvervanger voor ui-color-utils overlayColors. Die helper composiet twee RGBA-kleuren bron-over in één ondoorzichtig resultaat; het algemene geval (een translucente tint over een solide oppervlakte) is precies een tweekleurige color-mix(). Algemene RGBA-over-RGBA compositing kan geen enkele CSS-kleur zijn, dus dit dekt alleen het geval met een ondoorzichtige basis.

Parameters ​

base ​

string

De ondoorzichtige achtergrondkleur.

overlay ​

string

De kleur die eroverheen wordt gelegd.

percent? ​

number = 50

Hoeveel van overlay doorzichtig blijft, 0–100 (standaard 50).

Retourneert ​

string

Een color-mix()-expressie.

Voorbeeld ​

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