Confluence allows you to customise the colour scheme of a space. By default, a space's colour scheme is based on global settings configured from the Administration Console.

You need to be a space administrator to edit a space's colour scheme.

スペースのカラーテーマを変更するには:

  1. Go to the space and choose Space tools > Look and Feel on the sidebar.
  2. カラーテーマを選択します。 
  3. カスタム カラーテーマ下にリスト表示されているテーマの隣から選択を選択します。(未選択の場合)
  4. 編集を選択する。
  5. Enter standard HTML/CSS2 colour codes, or use the colour-picker to choose a new colour from the palette provided. Any changes you make will immediately be reflected in this space.

スペースでドキュメント用テーマを使用している場合:

  1. Choose Browse > Space Admin at the top of the screen.
    Note: The 'Space Admin' option appears only if you are a space administrator for the space or you are a super user (a member of the confluence-administrators group).
  2. 見出し;ルックアンドフィールからカラーテーマを選択します。
  3. 上記の説明にしたがってカスタム カラーテーマを選択し、色を編集します。 

カラーテーマでは、トップバー、タブ、背景など、UI のカラーを編集できます。 

下記の UI は特殊なテーマが設定されており、カラーの変更ができません。 

  • トップバー - トップ ナビゲーションバーの背景
  • トップバーの文字 - トップ ナビゲーションバー文字
  • ヘッダーボタン背景 - トップ ナビゲーションバーのボタン(作成ボタンなど)
  • トップボタンの文字 - トップ ナビゲーションバーにあるボタンの文字
  • トップバーメニュー選択時の背景 - 選択時のトップ ナビゲーションバー メニュー項目の背景色(スペースなど)
  • トップバーメニュー選択時の文字 -トップ ナビゲーションバー メニュー項目選択時の文字色
  • トップバー メニュー項目の文字 - トップ ナビゲーションバーのドロップダウンメニューの文字(ヘルプ、歯車など)
  • メニュー項目選択時の背景 - トップナビゲーションバーのドロップダウンメニュー項目のハイライトカラー
  • メニュー項目選択時の文字 - トップナビゲーションバーのドロップダウンメニュー項目の文字色
  • トップページ メニュー選択時の背景 - 選択時のドロップダウン メニューの背景色
  • ページメニュー項目の文字 - ドロップダウン ページメニューのメニュー項目の文字色
  • ヘッダー 文字 - スペース全体のすべてのヘッダータグ
  • スペース名の文字 - ページタイトル上方に位置する現在のスペース名の文字
  • リンク - スペース全体のすべてのリンク
  • 枠線と区切り線 - 表の枠線と区切り線
  • タブ ナビゲーション背景 - タブ ナビゲーションの背景色 
  • タブ ナビゲーションの文字 - ハイライト時のタブ ナビゲーションの文字
  • タブ ナビゲーションのハイライト時の背景 - ハイライト時のタブ ナビゲーションの背景色
  • タブ ナビゲーションのハイライト時の文字 - ハイライト時のタブ ナビゲーション エレメントの文字

スクリーンショット:カラーテーマの編集 


ヒント

間違えたり失敗したりした場合は、リセットを選択し、やり直してください。

  • ラベルなし