先日、CSSワーキンググループでCSSの新しい関数としてcolor-scheme()が追加され承認されました。ブラウザに実装されるのは ...

prefers-color-scheme という設定値を使うことで、Webページをかんたんにダークモード対応させることが可能です。Chromeでも本日公開された76から対応されたので、かんたんに紹介します。こちらもあわせてどうぞ↓。 prefers-color-scheme とは media queryの1種で、CSS上 ...

こんにちは、ラビーの K@zuki.です。 この記事では、個人開発でも会社でも利用しているTailwind CSSを使ってカラースキーマを簡単に実装する方法について紹介します。 今回は、ReactとTailwind CSSを組み合わせて実装していくので、他ライブラリ・フレームワーク ...

css-design-system/ ├── css/ │ ├── tokens.css # Design tokens │ ├── themes.css # Light/dark theme (data-theme) │ ├── grid.css # Grid system │ ├── utilities.css # Utility classes │ ├── typography.css # ...