テーマ遊び場

3D ゲームの色は --gf-*、チャットの色は --gfc-* という変数だけで決まっています。ここで変数を書き換えると、右の見本(標準UIシェル/チャット)がその場で変わります。文字と背景の組み合わせは、WCAG の AA(本文 4.5:1・記号 3:1)で自動判定します。できあがった変数は、そのままゲームの CSS([data-theme~="…"])として書き出せます。

コントラスト(AA)

書き出し

アイコン(js/icons.js)

UI に絵文字は使わず、この標準の SVG アイコンを使います。線の色は周りの文字色(currentColor)なので、テーマを変えると色が合います。