5t3ph / 5t3ph/a11y-color-tokens

hex color beginning with a 4 is not valid

未关闭
#1 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
JavaScript
星标
162
派生
5
PR 合并指标
30 天内没有已合并 PR

描述

I've been having an issue when attempting to build my color palette. I'm using hex color codes in my `tokens.js` file, and when I try to build, I get the following:

`Error: Foreground and Background must be a valid CSS colour`

It took me a while of adding and removing lines in my `tokens.js` and my package scripts to realize that the issue was when one of the colors' hex codes began with a **4**. I tried several different formats of the same color, e.g. `hsla` or `rgb` works fine. It's only when the color code begins with **4**.

Steps to reproduce, once the package is installed:
1. create a `tokens.js` file under `./source/_scss/colors`
2. add a name/color pair where the color code begins with a 4, e.g. `#40ffff`
3. run `npx a11y-color-tokens --outputDirPath='./source/_scss/colors --colorTokensPath='./source/_scss/colors/tokens.js'`

My `tokens.js` file is like this:
```
module.exports = [
{
name: 'blue',
color: '#40ffff'
}
];

```

贡献指南

这个仓库没有索引到贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。