macOSにおいてタイトルバーの三色ボタンを左側に移動したい

[PickledChair]

内容

以前の PR #430 で、タイトルバーにおける三色ボタン（「閉じる・最小化・最大化」ボタン）の位置を Windows, Linux と同様に右側のままにしたのですが、やはり左側にあった方がMacユーザー的には自然だと感じました。以下のようなデザインを考えてみました。

	タイトルバーのデザイン
現在
試案

Pros 良くなる点

Macユーザーの UX が向上する

Cons 悪くなる点

一部コンポーネントの再設計が必要

実現方法

「閉じる・最小化・最大化」ボタンのみ別のコンポーネントに切り出して、macOSの時のみ、voicevox/src/components/MenuBar.vue で左に表示させている VOICEVOX のロゴの代わりに表示します。それ以外のOSでは今まで通り voicevox/src/components/TitleBarButtons.vue で右側に表示します。

VOICEVOXのバージョン

0.9.3

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

macOS Monterey version 12.0.1, Intel Mac

その他

良いコンポーネント名が思いつきませんでした。良い案がありましたらご提案くださると幸いです。デザインももっと良いものがあればご提案ください。
また、この変更で生じうる問題があればご指摘ください。

[Hiroshiba]

良いと思います！！

[PickledChair]

他の案も一応出しておきます。結構悩ましいです。

VOICEVOX アイコンを表示する（ボタン領域の背景は透過）

VOICEVOX アイコンを表示する（ボタン領域の背景は bg-primary ）

（ちょっとこれは自分でもない気がします😅）

VOICEVOX アイコンなし（ボタン領域の背景は透過）

[MT224244]

DiscordやvscodeのMac版を見てみても左上のアイコンは無くなって背景色も特に変えていないようなので、個人的には一番下の案を推したいです。
とはいえ私はMacユーザーではないので、あまり強い意見ではないです…。

[PickledChair]

ご意見ありがとうございます。
自分も特に強いこだわりがあって最初の案を考えたわけではない（元のデザインに近寄せただけ）ので、最後の案で良い気がしてきました。
もう一人くらい最後の案を推す人がおられれば、そちらに変えようかと思います。

[Hiroshiba]

どれも良いなと思いました。
となると慣習に合わせるのが無難だと思うので、最後の案が良いのかなと思いました！

ps.
そういえば、閉じるボタンを右から左に写した関係で、VOICEVOXタイトルが真ん中からさらに右にいってる感があるなーと感じました。いつか直したいかもです。