ダークテーマ実装ではテーマ切り替えボタンの機能実装も概ね完了し,残すは装体整理のみとなった。今後は色設定の CSS 変数への置換を中心に「装体整理兼ダークテーマ実装」を少しずつでも進め,機能公開を目指す。
テーマ切り替えボタンの機能は25日4歩の検討通りで,初期状態では司組設定に追従,司組設定と異なる方に切り替えると固定,同じ方に切り替えるとまた司組設定に追従する。ただし,実装としては初期化というよりライトテーマとダークテーマ,固定有無の組み合わせで4種類の状態を持たせることにした(後縁で非固定設定も認識させたいため)。
外観については drop-shadow
で影を付けたり月アイコンの方向を変えたり調整することを考えていたが,結局,現状維持とした。影は限りなく薄く付けても不必要に重たく見える。月アイコンも,欠けている部分が左向きの方が縁に沿うので調和的に見える。
状態はクッキーで保存するため後縁での最適化も出来,単純なトグルボタンのみで4種類の状態を直感的に切り替えることも出来,見触れも良好,と理想的なテーマ切り替えボタンが出来上がった。
舞覧の開発者通類でテーマの司組設定を簡単に切り替えられることを知り,手定めも捗った。