課題だったテーマ切り替えボタンのイメージが急速に固まったため,ダークテーマ実装におけるテーマ切り替え用合いについてまとめて終了。
従来の上部メニュー(様子)で使ってきた歯車アイコンをそのまま太陽に見立て,トグルボタン風に装飾することにした。月は CSS のみで表現し,ラベルには「明」「暗」を使う。開発者通類で試しに装体を作ってみた(録落ち中のメニュー案)。
未録入りの場合はメニューの設定輪結の部分に,録入り中の場合は設定ページ <main>
の右上に置く。この領当ては既に固まっていたが,テーマ切り替えボタンの細部がなかなか決まらなかった。昨日までは,緑色の太陽アイコン・月アイコンの右隣に「明るい」「暗い」のラベルを付ける程度の簡素なボタンをイメージしていた。しかし,これでは冗長な上に直感的とも言い難い。
ふと,トグルボタン風にしてみたらどうかと開発者通類で実験してみたら,想像以上に良かった。簡潔ながら邪魔にならない程度に目立ち,ぱっと見て役割も察しやすい。デライトのテーマ切り替えボタンとしてこれ以上の案は出ないと判断,採用を決めた。
歯車アイコンがそのまま太陽アイコンとして使えるというのは面白い発見だった。形状的にも設定という意味的にも似ていることに気付いて,設定輪結と入れ替えることを思いついたのはだいぶ前で,デザイン的な遊びが出来そうだとは思っていたが,アイコンは別に作るつもりだった。とりあえず実験中の代替として使ってみたら思いのほかしっくり来た。
月アイコンも,よく考えたら画像を用意するまでもなく CSS で十分なことに気付いた。結局,アイコン作成の手間も省けてしまった。
もう一つの課題として,応司のダークモードをどう扱うかという問題があったが,デライトでは明示的に切り替えた場合はその設定で固定し,出放りとしては応司の設定に従うことにした。
残る課題は装体整理のみとなったが,先日の装体整理兼ダークテーマ実装という思いつきでこれも好機に変わった。