スペースの配色の編集
スペースは、既定ではグローバルの配色を継承していますが、スペースの管理者権限を持っている場合、独自のカスタマイズ可能な配色でスペースを飾り立てることが可能です。
スペースの配色を変更するには:
- スペースに移動して、サイドバーの下部から、スペース ツール > ルックアンドフィールを選択します。
- 配色を選択
- カスタム配色 の下に一覧表示された配色の横の選択を選択します (既に選択されていない場合)。
- [編集] を選択します。
- 標準的な HTML/CSS2 カラー コードを入力するか、カラー ピッカー に表示されるパレットから新しい色を選択します。
関連ページ
カスタマイズ可能な要素
カラーテーマでは、トップバー、タブ、背景など、UI のカラーを編集できます。
下記の UI は特殊なテーマが設定されており、カラーの変更ができません。
- トップバー - トップ ナビゲーションバーの背景
- トップバーの文字 - トップ ナビゲーションバー文字
- ヘッダーボタン背景 - トップ ナビゲーションバーのボタン(作成ボタンなど)
- トップボタンの文字 - トップ ナビゲーションバーにあるボタンの文字
- トップバーメニュー選択時の背景 - 選択時のトップ ナビゲーションバー メニュー項目の背景色 (例:スペース)
- トップバーメニュー選択時の文字 -トップ ナビゲーションバー メニュー項目選択時の文字色
- トップバー メニュー項目の文字 - トップ ナビゲーションバーのドロップダウンメニューの文字(ヘルプ、歯車など)
- メニュー項目選択時の背景 - トップナビゲーションバーのドロップダウンメニュー項目のハイライトカラー
- メニュー項目選択時の文字 - トップナビゲーションバーのドロップダウンメニュー項目の文字色
- 検索フィールド背景 - ヘッダーの検索フィールドの背景色
- 検索フィールド文字 - ヘッダーの検索フィールド内の文字色
- トップページ メニュー選択時の背景 - 選択時のドロップダウン メニューの背景色
- ページメニュー項目の文字 - ドロップダウン ページメニューのメニュー項目の文字色
- ヘッダー 文字 - スペース全体のすべてのヘッダータグ
- スペース名の文字 - ページタイトル上方に位置する現在のスペース名の文字
- リンク - スペース全体のすべてのリンク
- 枠線と区切り線 - 表の枠線と区切り線
- タブ ナビゲーション背景 - タブ ナビゲーションの背景色
- タブ ナビゲーションの文字 - ハイライト時のタブ ナビゲーションの文字
- タブ ナビゲーションのハイライト時の背景 - ハイライト時のタブ ナビゲーションの背景色
- タブ ナビゲーションのハイライト時の文字 - ハイライト時のタブ ナビゲーション エレメントの文字
スクリーンショット: 配色の更新
ヒント
間違えたり失敗したりした場合は、リセットを選択し、やり直してください。
最終更新日 2017 年 9 月 5 日
関連コンテンツ
- 関連コンテンツがありません
Powered by Confluence and Scroll Viewport.