$primary-medium SCSS 変数の問題

はい、その気持ちよく分かります。現時点では、自動生成されるセカンダリ変数を直接上書きする方法はありません。これらは CSS がビルドされる時点で固定されてしまうためです。そのため、当面はこれらの変更を手動で行う必要があります。

補足説明:

カラースケームは、色を定義する超シンプルな手段として設計されています。それ以上の詳細な制御が必要な場合は、カスタム CSS を使用してください。この点については、こちらでさらに詳しく議論されています: Customizing colors - #2 by awesomerobot

私たちが検討すべき点:

セカンダリ変数へのアクセスを許可する高度なカラースケームエディタの導入は悪いアイデアではないと思いますが、これらは非常に広範に使用されているため、結局のところ何らかの CSS を記述する必要があるでしょう。

例えば、$primary-medium のすべての テキスト 出現箇所を上書きしたい場合でも、境界線や他の要素など、より高いコントラストの $primary-medium が望ましくない場所でも使用されています。そのため、最良の場合でも高度なカラーエディタは必要なカスタム CSS を 削減 するかもしれませんが、完全に排除することはできません。

とはいえ、ここでの主要な問題は、アクセシビリティのためのテキストコントラストですよね?デフォルトのスタイルには、一部の領域でテキストコントラストの基準を満たしていない箇所があります。もし私たちがそこを改善すれば、最初からこの問題が発生しなかったかもしれません…

そのため、近い将来にチームでデフォルトのテキストアクセシビリティを見直し、将来的にはカラースケームツールを改善してアクセシビリティを考慮できるようにする計画です(例えば、https://cloudflare.design/color/ はテキストコントラストを考慮した興味深い実験です)。