Skip to content

pantoken / 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 });  // → "#404040"
applyModify("#808080", { type: "lighten", value: 0.5 }); // → "#c0c0c0"
applyModify("#ffffff", { type: "alpha", value: 0.5 });   // → "#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 });        // → undefined
applyModify("#fff", { type: "mix", value: 0.5, color: "#000" }); // → undefined