スペースの配色の編集

このページの内容

お困りですか?

アトラシアン コミュニティをご利用ください。

コミュニティに質問

スペースは、既定ではグローバルの配色を継承していますが、スペースの管理者権限を持っている場合、独自のカスタマイズ可能な配色でスペースを飾り立てることが可能です。

スペースの配色を変更するには:

  1. スペースに移動して、サイドバーの下部から、スペース ツール > ルックアンドフィールを選択します。
  2. 配色を選択
  3. カスタム配色 の下に一覧表示された配色の横の選択を選択します (既に選択されていない場合)。
  4. [編集] を選択します。
  5. 標準的な HTML/CSS2 カラー コードを入力するか、カラー ピッカー Confluence カラー ピッカー に表示されるパレットから新しい色を選択します。

カスタマイズ可能な要素

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

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

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


tip/resting Created with Sketch.

ヒント

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

Last modified on Mar 31, 2023

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

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