pantoken-root / packages/core/src / applyModify

تابع: applyModify() ​

applyModify(value, modify): string | undefined

بتا

اعمال یک Tokens Studio TokenModify روی یک رنگ هگزادسیمال مشخص.

پارامترها ​

value ​

string

modify ​

TokenModify

مقدار بازگشتی ​

string | undefined

رنگ تغییر یافته، یا undefined زمانی که value یک رنگ هگزادسیمال نیست (بنابراین فراخوان می‌تواند به حفظ مبدل به‌عنوان فراداده بازگردد).

نمونه‌ها ​

تیره‌تر کردن، روشن‌تر کردن، و افزودن آلفا

ts
import { applyModify } from "@pantoken/core";

applyModify("#808080", { type: "darken", value: 0.5, space: "hsl" });  // → "#404040"
applyModify("#808080", { type: "lighten", value: 0.5, space: "hsl" }); // → "#c0c0c0"
applyModify("#808080", { type: "lighten", value: 0.5, space: "lch" }); // → "#bdbdbd"
applyModify("#ffffff", { type: "alpha", value: 0.5, space: "hsl" });   // → "#ffffff80"

ورودی غیرهگز و mix مقدار undefined برمی‌گردانند (به‌صورت فراداده حفظ شوند)

ts
import { applyModify } from "@pantoken/core";

applyModify("var(--x)", { type: "darken", value: 0.1, space: "hsl" }); // → undefined