サイトの配色をカスタマイズする

Confluence 管理者はサイトのナビゲーションにカスタムの配色を設定できます。コーポレート カラーでサイトをブランディングしたり、好きな色を設定したりすることができます。

配色を素早く変更するには、会社ロゴをアップロードします。Confluence は、その色によって配色を自動で更新します。

配色を変更すると、次の領域を制御できます。

  • ハイライト色 — この設定では、ナビゲーションの次の要素を制御できます。

    1. フォーカスされているナビゲーション メニューに下線を表示

    2. ボタンの背景色を作成

    3. 検索フィールドがフォーカスされているときの枠線

ハイライト色を調整できる Confluence ナビゲーションの部分。

アプリの読み込みに時間がかかっている場合は、ナビゲーション バーの下に表示された進捗バーがハイライト色を使用します。

  • [ナビゲーションの背景色] — 背景色をカスタマイズできます。Confluence の以前のバージョンで背景色を設定した場合、その背景色が保持されます。

サイトの配色を変更する

  1. Confluence ナビゲーションで、 (設定) を選択します。

  2. 左側のパネルで、[ルック アンド フィール] 配下の [配色] を選択します。

  3. [編集] を選択します。

  4. カラー コードを入力するか、カラー ピッカーを使用して新しい色を選択します。

  5. [保存] を選択します。

変更すると、すぐに Confluence サイト全体に反映されます。

ナビゲーションのテキスト色は最適な視認性のために自動的に選択されます。たとえば、背景色が白色の場合、暗い灰色のテキスト色を使用したときに最適なコントラストが実現されます。背景色が黒または青色の場合、テキスト色には白みを帯びた色が設定されます。

サイト ロゴをアップロードすると、Confluence ロゴの色を自動で検出して配色をカスタマイズします。上述のように配色を変更するか、配色を初期設定にリセット (して新しいサイト ロゴを維持) できます。

配色設定のカスタマイズ

配色をリセットするには、次の手順を実行します。

  1. Confluence ナビゲーションで、 (設定) を選択します。

  2. 左側のパネルの [配色] を選択します。

  3. [編集] を選択します。

  4. [リセット] を選択します。

その他のヘルプ