mirror of
https://github.com/lutinglt/gitea-github-theme.git
synced 2025-10-26 13:00:31 +00:00
28 lines
1.0 KiB
TypeScript
28 lines
1.0 KiB
TypeScript
import { hsl, parseToHsl } from "polished";
|
|
|
|
/**
|
|
* 改变颜色的亮度, 等同于 sass 中的 `color.scale` 函数
|
|
* @param color 颜色值
|
|
* @param lightnessScale 亮度变化比例，负数表示变暗，正数表示变亮
|
|
* @returns 新的颜色值
|
|
* @example
|
|
* const newColor = scaleColorLight("#ff0000", 20); // 变亮
|
|
* const newColor = scaleColorLight("#ff0000", -20); // 变暗
|
|
* 等同于 sass `@use "sass:color"`;
|
|
* color: color.scale(#ff0000, $lightness: 20%)
|
|
* color: color.scale(#ff0000, $lightness: -20%)
|
|
*/
|
|
export function scaleColorLight(color: string, lightness: number) {
|
|
const hslColor = parseToHsl(color);
|
|
let newLightness;
|
|
|
|
if (lightness < 0) {
|
|
newLightness = hslColor.lightness * (1 + lightness / 100); // 变暗
|
|
} else {
|
|
newLightness = hslColor.lightness + (1 - hslColor.lightness) * (lightness / 100); // 变亮
|
|
}
|
|
|
|
newLightness = Math.min(1, Math.max(0, newLightness)); // 确保亮度值在 0 到 1 之间
|
|
return hsl(hslColor.hue, hslColor.saturation, newLightness);
|
|
}
|