Skip to content

pantoken / packages/core/src / applyModify

函数: applyModify()

applyModify(value, modify): string | undefined

Beta

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

参数

value

string

modify

TokenModify

返回值

string | undefined

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

示例

变暗、变亮、添加透明度

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"

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

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