とりあえず,開発者だけに表示されるテーマ切り替えボタンを追加し,見触れを整えた(テーマ切り替えボタンの様子)。
歯車アイコンの流用でどれだけ分かりやすく出来るか不安だったため,前回案では「トグルボタン風」ということにして,「明」「暗」の字を添えることを考えていたが,思いのほかすっきりしたトグルボタンにまとめられた。
歯車アイコンは hue-rotate()
や brightness()
で調整,月アイコンも CSS のみで実装,transition
だけで簡単にそれらしい動き付けも出来,低コストで十分な見触れの切り替えボタンが出来た。
実装は中途半端だが,仕様は固まっているのでほとんど出来たも同然だ。