GoogleChromeでカラーネームが変わる？

Question

:root {
    --gray: #808080;
}

上記がカラーネームに置き換わるのはわかるのですが、

:root {
    --gray: grey; // 'gray' にならない
}

grey になります。 gray ではないんでしょうか？
この現象は普通ですか？

Chrome DevTools で確認しても grey になってます。

javascript で読み込む時にエラーが出て困ってます。
ヒューマンエラーですかね？
見つけきれず質問させていただきました。

よろしくお願いいたします。

GoogleChrome
バージョン: 97.0.4692.99

追記
scssのコンパイルで変わってました。
すいません。

圧縮する時に変わってるようでした。
圧縮前は問題なし。

jsでカスタムプロパティーの --gray 値を読み込んで、
色をゴニョゴニョする時に gray が undefined になるので質問させていただきました。

Comments

[Lhankor_Mhy]

Chrome DevTools の表記の話ですか？
問題再現の方法をもう少し詳しくお願いします。

[AquilaniAlberto]

Chrome DevTools です。
追記しました。

[Lhankor_Mhy]

問題が再現しませんでした。

https://ddjkaamml8q8x.cloudfront.net/questions/2022-01-27/6d09cef9-9543-4c07-be39-172d63c9dad9.png

[Lhankor_Mhy]

もしかして、SCSSなどのコンパイルによってカラー名に変わる、みたいな話をしてますか？

[int32_t]

「javascript で読み込む」というのも何をしたのかはっきりしないですね。getComputedStyle()でもしたんでしょうか。

誰でも問題を再現できる手順を書いて欲しいです。

[AquilaniAlberto]

まさしくgetComputedStyle()をしようとしてました。

コンパイルして圧縮時に置き換わってました。
すいませんでした。

[Lhankor_Mhy]

ご解決ですか？

[AquilaniAlberto]

コンパイル時のどこでなるか調べようと思ってます。
分かったら記載しようかなと。

[AquilaniAlberto]

大変そうだったので諦めました。すいません。

Answer 1

Cssにおけるgrayとgreyは同じ扱いだそうです。
文章に意味が少しわからない点がありますが、
ChromeのDevtoolsでもgreyならgreyで統一するのが吉でしょう

Comments

[AquilaniAlberto]

コンパイルして圧縮時に置き換わってました。
すいませんでした。