配色をカスタマイズする

Confluence administrators can configure a new colour scheme for the site. The default colour scheme for the site will also become the default for all spaces within it. Space administrators can configure a different colour scheme for spaces. The space colour scheme will override the site-wide colour scheme.

To change the site's colour scheme:

  1. Choose the cog icon , then choose General Configuration under Confluence Administration
  2. Choose Colour Scheme in the left-hand panel.
  3. 編集を選択する。
  4. Enter standard HTML/CSS2 colour codes, or use the colour-picker to choose a new colour from the palette provided.
  5. 保存を選択します 。変更すると、すぐに Confluence サイト全体に反映されます。

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

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

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


When you upload a site logo,  Confluence automatically detects the colours in your logo and customises the colour scheme for you. 

You can change the colour scheme as above, or reset your colour scheme back to the default (and still keep your new site logo).

To reset the colour scheme:

  1. Choose the cog icon , then choose General Configuration under Confluence Administration
  2. Choose Colour Scheme in the left-hand panel.
  3. 編集を選択する。
  4. リセットを選択します。

注意

  • 間違えてしまった場合、リセットを選択し、再度やり直します。
  • 一部 UI 要素はデフォルトのテーマが指定されており、他のテーマの影響を受けない場合があります。
最終更新日: 2015 年 12 月 2 日

この内容はお役に立ちましたか?

はい
いいえ
この記事についてのフィードバックを送信する
Powered by Confluence and Scroll Viewport.