色テーマをシステムのテーマに追従する設定

[kat0h]

内容

現在VOICEVOXには標準で「デフォルト(ライトテーマ)」と「ダーク」の2種類のテーマが付属しています。
テーマはユーザー側で明示的に切り替える必要がありますが、ElectronにはWindows/macOS環境でシステムのテーマを検知するAPIがあるためVOICEVOXでもこのAPIを使って自動でテーマを切り替えることができると思います。

systemtheme.mp4

この動画は実際に機能を実装してみたものです。

Pros 良くなる点

多くのアプリケーションはOSの色テーマの設定に自動で追従します。同じように動作する方が自然です。

Cons 悪くなる点

この機能は「デフォルト(ライトテーマ)」と「ダーク」テーマが存在することを強く仮定します。テーマ名をソースにハードコードすることは避けたいですがハードコードしないようにするには手間がかかります。
https://github.com/VOICEVOX/voicevox/tree/main/public/themes

また、#865 に逆行する仕様です。

実現方法

https://github.com/kat0h/voicevox/tree/system_theme
手元のforkに動作するサンプルがあります。

diff:
kat0h/voicevox@main...3dcd2d9

VOICEVOXのバージョン

04673ef

OSの種類/ディストリ/バージョン

• Windows
• macOS
• Linux

その他

[kat0h]

UIについて

サンプルでは設定ダイアログに「システムテーマを使う」オプションを作成しました。
テーマ　　[システムに合わせる|デフォルト|ダーク]のようにした方が自然かもしれません。(VOICEVOX Communityより)

[Hiroshiba]

issue作成ありがとうございます！ぜひプルリクエストを頂ければ！！！

UIに関しては テーマ　　[システムに合わせる|デフォルト|ダーク] の方が良いかなと思いました！
理由は単純に、分けた場合にどちらが優先されるのか一瞬混乱しそうなためです。
（極端ですが、「テーマ」の設定が「システムテーマ」に上書きされることを知らずバグだと思う人もいるかも、みたいな感じです。）

ここからは迷ってる議論ポイントですが、デフォルトはできればライトテーマにしたいなと思っています。
ライトテーマでのデザインは注力していますが、ダークは細部まで気を配れてないので、こっちがおすすめだと言い訳したいためです。。
そういう意味でライトテーマは「デフォルト」という表記でもいいかなと思いました！

[kat0h]

コメントを反映したPRを作成しました! #1141