絵文字ポップアップをカスタマイズ：テーマとハイライトカラー

ある Comoji ユーザーがはっきり言ってくれました。Web サイトでは緑がいい感じだったけれど、一日中どの App でもついて回るとなると話は別だ、と。もっともな不満で、ここではっきり言っておく価値のあることを指摘しています。絵文字の自動補完ポップアップは私たちのウインドウではありません。メッセージ、メール、Notion、ターミナル、誰かが丁寧にデザインした App の上に、一日に何十回も開くものです。それほど頻繁に表示されるものが、私たちのブランドを主張するべきではありません。

そこでポップアップは、macOS 標準のマテリアルを使い、ライト／ダークの設定に自動で合わせ、色を私たちの好みではなくあなたの好みの場所に置くようになりました。このガイドでは、何が変わったのかと、その設定方法を紹介します。

現在のポップアップの見た目

候補ポップアップは、macOS が自身のメニューに使っているのと同じシステムのバイブランシーマテリアルとラベルカラーで描画されるので、ネイティブのコントロールと同じように他の App の上に表示されます。ライトかダークかは Mac から自動的に取得します。唯一残っているブランドの要素は選択中の行のハイライトで、初期設定は Comoji のライムですが、自由に変更できます。これらの設定の概要は 機能ページの外観設定 をご覧ください。

テーマとハイライトカラーの変更方法

1. Comoji のメニューバーアイコンを開き、環境設定 を選びます。
2. 外観 タブを選択します。
3. ポップアップ で システム、ライト、ダーク のいずれかを選びます。システムは Mac 自体の設定に従い、これが初期設定です。
4. 選択色 で、選択中の行のハイライトを選びます。
5. 変更はすぐに反映され、パネル内のプレビューもその場で更新されます。再起動は不要です。

選べるハイライトカラー

ポップアップの中で色が使われるのは選択中のハイライトだけなので、いちばん設定できるとうれしい項目です：

• Comoji：アイコンに使っているライムグリーン。これが初期設定です。
• システム：システム設定 › 外観 で設定した Mac 自体のアクセントカラー。Mac をパープルにすれば、ポップアップもそれに合わせます。
• 6 つのプリセット：ブルー、パープル、ピンク、レッド、オレンジ、グラファイト。Apple 自身のアクセントカラーに近い色を選んでいます。
• カスタム：macOS 標準のカラーピッカーから好きな色を選べます。

どれを選んでも、選択中の行の文字は読みやすさを保つために黒と白が切り替わるので、淡いカスタムカラーを選んでも、白に近いバーの上で白い文字を読むはめにはなりません。