{進捗記録}{}{右上}{右隣}{}{}{十分}{進捗}{デライト}{CSS}(135)

{希哲17年1月14日6歩 K#F85E/E74C-ED7A}

進捗時限記録中略

課題だったテーマ切り替えボタンイメージ急速に固まったため,ダークテーマ実装におけるテーマ切り替え用合いについてまとめ終了

従来の上部メニュー様子使ってきた歯車アイコンそのまま太陽見立てトグルボタン風装飾することにした。CSS のみで表現し,ラベルには「」「」を使う開発者通類試しに装体作ってみた録落ち中のメニュー案

未録入り場合メニュー設定輪結部分に,録入り中場合設定ページ <main>右上置く。この領当て既に固まっていたが,テーマ切り替えボタン細部なかなか決まらなかった昨日までは,緑色太陽アイコン月アイコン右隣に「明るい」「暗い」のラベル付ける程度簡素なボタンイメージしていた。しかし,これでは冗長な上に直感的とも言い難い

ふとトグルボタン風にしてみたらどうかと開発者通類実験してみたら,想像以上に良かった簡潔ながら邪魔にならない程度に目立ち,ぱっと見て役割察しやすいデライトテーマ切り替えボタンとしてこれ以上出ない判断採用決めた

歯車アイコンそのまま太陽アイコンとして使えるというのは面白い発見だった。形状的にも設定という意味的にも似ていることに気付いて,設定輪結入れ替えることを思いついたのはだいぶ前で,デザイン的遊び出来そうだとは思っていたが,アイコン別に作るつもりだった。とりあえず実験中代替として使ってみた思いのほかしっくり来た

月アイコンも,よく考えたら画像用意するまでもなく CSS十分なことに気付いた結局アイコン作成手間省けてしまった


もう一つ課題として,応司ダークモードをどう扱うかという問題があったが,デライトでは明示的に切り替えた場合はその設定固定し,出放りとしては応司設定従うことにした。


残る課題装体整理のみとなったが,先日装体整理兼ダークテーマ実装という思いつきでこれも好機変わった

{太陽}(1)
{太陽}

{}