WebStorm 2026.1 Help

ユーザーインターフェースのテーマ

インターフェーステーマは、ウィンドウ、ダイアログ、ボタン、ユーザーインターフェースのすべての視覚要素の外観を定義します。 デフォルトでは、WebStorm は 最初の実行時に変更しない限りダークテーマを使用します。

UI テーマを変更する

  1. 設定 ダイアログ(Ctrl+Alt+S )で、 外観 & 振る舞い | 外観 を選択します。

    あるいは、 Ctrl+` を押して 切り替え リストから テーマ を選択します。

  2. テーマ リストから UI テーマを選択します。

    • アイランドダーク: デフォルトのダークテーマで、UI セクションが明確に分離されています。

    • アイランズライト: UI セクションが明確に分離されたデフォルトのライトテーマ

    • アイランズ Darcula: UI セクションが明確に分離された、コントラストの低い代替ダークテーマ

    • ハイコントラスト: 色覚多様性を持つユーザー向けに設計されたテーマ

    • ダーク: 代替ダークテーマ

    • ライト: 代替ライトテーマ

    • ライトで明るいヘッダー: ライトヘッダー付きの代替ライトテーマ

    • Darcula: 代替の低コントラストダークテーマ

    追加のテーマを取得 をクリックして、 JetBrains マーケットプレイス(英語)から プラグインとしてカスタムテーマをインストールします。

    島々 テーマでエディターのフォーカスを向上させるには、 異なるツールウィンドウの背景 を選択してください。 これにより、ツールウィンドウの色調が、ダークテーマではより明るく、ライトテーマではより暗くなります。

    設定 | Appearance & Behavior | Appearance
  3. 必要に応じて、 エディターのカラースキーム リストから 配色を選択します。

    現在のテーマのデフォルトのカラースキームがリストに表示されます。

OS と同期 を選択すると、WebStorm が現在のシステム設定を検出し、それに応じてデフォルトのダークまたはライトテーマを使用します。 OS が昼夜モードを自動的に切り替えるように設定されている場合、IDE は明るいテーマと暗いテーマも自動的に切り替えます。

生産性のヒント

クイックスイッチャーを使う

  1. Ctrl+` を押すか、メインメニューから 表示 | クイックスイッチスキーム を選択します。

    別のスキームへの切り替え
  2. 切り替え ポップアップで テーマ を選択し、目的のインターフェーステーマを選択します。

ショートカットの作成

テーマ アクションを 推奨するキーの組み合わせにマップできます。

    2026 年 6 月 8 日