pantoken / plugins/pantoken/colors/src / onColor

Mahi: onColor() ​

onColor(surface, threshold?): string

Beta

Ko te mata kua pānuitia — pango, mā rānei — mō te ihirangi e tu ki runga i surface. He momo CSS-anake tēnei o ngā rerekētanga *-on-color a InstUI e puta ana auau (he rīngi arotahi i runga i tētahi pātene waitohu, te kuputuhi o te pātene matua-ā-roto, he tohu i runga i tētahi mata tae): kaua e whakamau ki tētahi tohu inverse pūmau, ka tāpae i te wherikotanga mai i te mata ake, kia tika tonu i te panonitanga o te mata.

Ka pānui i te ātaahua marama OKLCH o te mata mā te whakamahinga o te pānui tae ā-āhua ka whakatika ia ki 0 (pango) rānei 1 (mā) i te taumata threshold mā te tikanga calc(… * infinity) clamp — kāore he JS, kāhore he hex pūmau.

Ngā Tawhā ​

surface ​

string

Ko te tae papamuri e tu ana te ihirangi ki runga (ā-tino, var(--token), rānei he awhina ānati i raro).

threshold? ​

number = 0.62

Te ātaahua marama OKLCH (0–1) i runga ake taea ai te tautuhi i te mata hei “ma,” (taunoa 0.62).

Whakahokia ​

string

He kīanga oklch(from …) e whakatau ana ki te pango, ki te mā rānei.

Tauira ​

ts
onColor("var(--instui-color-background-brand)"); // white on a dark brand surface, black on a light one
// → "oklch(from var(--…-brand) clamp(0, (0.62 - l) * infinity, 1) 0 0)"