Skip to content

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

Feidhm: overlayColors() ​

overlayColors(base, overlay, percent?): string

Béite

Bain overlay (ag percent% neart) thar base dothuartha — ionadach CSS-amháin do ui-color-utils overlayColors. Déanann an cúntóir sin dhá dhath RGBA a chomhcheangal (source-over) isteach i dtorthaí dothuartha amháin; is é an cás coitianta (tint trédhearcach thar dromchla dlúth) díreach color-mix() dhá-dath. Ní féidir comhdhéanamh ginearálta RGBA-thar-RGBA a chur i ndath aonair CSS, mar sin clúdaíonn seo ach an chás bunús dothuartha.

Paraiméadair ​

base ​

string

An dath cúlra dothuartha.

overlay ​

string

An dath atá curtha air.

percent? ​

number = 50

Cé mhéad de overlay a léirítear tríd, 0–100 (réamhshocraithe 50).

Tuairisceáin ​

string

Léiriú color-mix().

Sampla ​

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