カスタマイズ

テーマとフォント

ライト、ダーク、またはシステム; 3 段階のフォントサイズ; 1 つの設定パネル。

purplemux は 1 つのまとまった見た目と、少数のスイッチを備えています: アプリのテーマ、フォントサイズ、ターミナル専用のパレット。このページは最初の 2 つを扱います — ターミナル色は別ページにあります。

設定を開く

⌘, (macOS) または Ctrl, (Linux) で設定を開きます。テーマとフォントサイズは 一般 タブにあります。

トップバーの歯車アイコンからも開けます。

アプリのテーマ

3 つのモード、即座に適用:

モード 動作
ライト OS の設定に関わらずライトテーマを強制。
ダーク ダークテーマを強制。
システム OS に追従 — macOS / GNOME / KDE がライト / ダークを切り替えると自動的に切り替わります。

テーマは ~/.purplemux/config.json の appTheme に保存され、サーバに接続中のすべてのブラウザタブに同期されます。macOS ネイティブアプリでは OS のタイトルバーも更新されます。

ダーク優先の設計
ブランドは深いパープル寄りのニュートラルを軸に作られており、ダークモードでは厳密に無彩色のサーフェスを保つためクロマをゼロにしています。ライトモードはほぼ知覚できない程度のパープル色合い (色相 287) で温かみを加えます。両方とも長時間のセッション向けにチューニングされているので、好きな方をお選びください。

フォントサイズ

3 つのプリセット、ボタングループとして表示:

  • 標準 — デフォルト。ルートのフォントサイズはブラウザに従います。
  • 大 — ルートフォントサイズを 18px に設定。
  • 特大 — ルートフォントサイズを 20px に設定。

UI 全体が rem でサイズされているため、プリセットを切り替えるとインターフェイス全体 — サイドバー、ダイアログ、ターミナル — が一斉にスケーリングします。リロードなしでリアルタイムに適用されます。

変わるもの、変わらないもの

フォントサイズは UI クロームとターミナルテキスト をスケーリングします。以下は変わりません:

  • 見出しの階層 (相対サイズは保たれます)
  • スペーシング — プロポーションは維持されます
  • コードブロックのシンタックスハイライト

個別の要素 (例: ターミナルだけ、サイドバーだけ) を調整したい場合は カスタム CSS を参照してください。

デバイス単位ではなく、サーバ単位

設定は localStorage ではなくサーバに保存されます。ノート PC でダークに切り替えるとスマートフォンも切り替わります — スマートフォンから https://<host>/ を開くとすでに変更されています。

モバイルとデスクトップで違うテーマにしたい場合、現状サポートされていません。必要なら issue を立ててください。

次のステップ