pantoken-root / packages/core/src / applyModify

Hàm: applyModify() ​

applyModify(value, modify): string | undefined

Beta

Áp dụng một Tokens Studio TokenModify lên một màu hex cụ thể.

Tham số ​

value ​

string

modify ​

TokenModify

Trả về ​

string | undefined

Màu đã được chỉnh sửa, hoặc undefined khi value không phải là màu hex (để người gọi có thể dự phòng bằng cách giữ bộ chỉnh sửa như siêu dữ liệu).

Các ví dụ ​

Làm tối, làm sáng và thêm alpha

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"

Đầu vào không phải hex và phép trộn trả về undefined (giữ như siêu dữ liệu)

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

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