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

Mahi: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Whakakīia overlay (i te kaha percent%) ki runga i tētahi base kore-hūnuku — he tūru CSS-anake mō ui-color-utils overlayColors. Ka whakakotahitia e taua āwhina ngā tae RGBA e rua kia kotahi te hua kore-hūnuku; ko te āhuatanga noa (he tada mārama ki runga i tētahi mata tūpato) he color-mix() tō-nga-tae e rua. Kāore e taea te whakakotahi whānui o RGBA-ki-RGBA hei tae CSS kotahi, nō reira ka āwhina tēnei mō te tūnga papaa kore-hūnuku anake.

Ngā Tawhā ​

base ​

string

Te tae papamuri kore-hūnuku.

overlay ​

string

Te tae e tauhiu ana ki runga i taua mea.

percent? ​

number = 50

Te nui o overlay e puta ake ana, 0–100 (taunoa 50).

Whakahokia ​

string

He kīanga color-mix().

Tauira ​

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