5t3ph / 5t3ph/a11y-color-tokens

hex color beginning with a 4 is not valid

Aperta
#1 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
JavaScript
Stelle
162
Fork
5
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

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'
}
];

```

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.