TAG
#ダークモード
3 件の記事がこのタグでまとめられています。
Design
Tailwind ユーティリティクラスは実 CSS のどこに落ちるか — 命名から読む utility-first
Tailwind のユーティリティクラスは text-sm や px-4 のように CSS プロパティと値の 1:1 マッピングですが、デザインシステムの「役割」までは届きません。AetherEchoes の paper/ink/cat-* 4 階層と、Tailwind v4 の @theme で utility と token を合流させた実装の観点で整理します。
2026年5月26日 09:09
Design
トークン反転だけでダークモードを実装する
個別 CSS で `.dark` を上書きせず、`@theme` のセマンティックトークンを反転させるだけでダーク対応する設計。
2026年5月9日 20:03
Design
ダークモード設計の判断軸 — 白を黒にするだけでは終わらない
`background: black` ではダークモードにならない。コントラスト・色温度・オブジェクトの優先順位を、ライト時と別軸で考える。
2025年6月18日 22:00