pantoken-root / packages/core/src / applyModify

函数: applyModify()

applyModify(value, modify): string | undefined

Beta

将 Tokens Studio 的 TokenModify 应用于具体的十六进制颜色。

参数

value

string

modify

TokenModify

返回值

string | undefined

修改后的颜色，或当 value 不是十六进制颜色时为 undefined（因此调用方可以回退为将修饰符作为元数据保留）。

示例

变暗、变亮、添加透明度

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"

非十六进制输入和混合操作返回 undefined（作为元数据保留）

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

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