pantoken / plugins/pantoken/colors/src / onColor

Feidhm: onColor() ​

onColor(surface, threshold?): string

Béite

An tosaigh-inléite — dubh nó bán — do ábhar curtha ar surface. Is é seo foirm CSS-aonair na leaganacha athfhillteach *-on-color de InstUI (slabhra fócas ar chnaipe branda, téacs cnaipe primary-inverse, íocón ar dhromchla daite): in áit token inverse seasta, roghnaíonn sé an codarsnacht ón dromchla féin, agus mar sin fanann sé ceart agus é ag athrú.

Léann sé éadromacht OKLCH an dromchla trí shintéis dath rélatíf agus gleasann sé chuig 0 (dubh) nó 1 (bán) ag threshold ag baint úsáide as an bhfocal-clamp calc(… * infinity) — níl JS, níl hex seasta ann.

Paraiméadair ​

surface ​

string

An dath cúlra ar choinneáiltear an t-ábhar air (litriúil, var(--token), nó cúntóir shinsearach).

threshold? ​

number = 0.62

Éadromacht OKLCH (0–1) os a chionn a mheastar éilíonn an dromchla mar “éadrom” (réamhshocraithe 0.62).

Tuairisceáin ​

string

Nód oklch(from …) a réitíonn go dubh nó bán.

Sampla ​

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)"