mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2026-03-23 05:09:45 +08:00
🐛 修复 wcag-color 无法对比 keyword 导致的渲染异常
This commit is contained in:
@@ -1,7 +1,8 @@
|
||||
/**
|
||||
* 颜色相关处理
|
||||
* @since Beta v0.9.0
|
||||
* @since Beta v0.9.1
|
||||
*/
|
||||
import { colord } from "colord";
|
||||
import { score } from "wcag-color";
|
||||
|
||||
/**
|
||||
@@ -29,13 +30,19 @@ export function getOdStarColor(star: number): string {
|
||||
|
||||
/**
|
||||
* 判断颜色是否相似
|
||||
* @since Beta v0.9.0
|
||||
* @since Beta v0.9.1
|
||||
* @param colorBg - 背景颜色
|
||||
* @param colorText - 文本颜色
|
||||
* @returns 是否相似
|
||||
*/
|
||||
export function isColorSimilar(colorBg: string, colorText: string): boolean {
|
||||
return score(colorText, colorBg) === "Fail";
|
||||
let res = true;
|
||||
try {
|
||||
res = score(colord(colorBg).toHex(), colord(colorText).toHex()) === "Fail";
|
||||
} catch (e) {
|
||||
console.error("isColorSimilar", e);
|
||||
}
|
||||
return res;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user