serverあれこれ: Apache Supersetのダッシュボードのヘッダー色を変更する

2021年11月26日金曜日

Apache SupersetはダッシュボードのCSSをカスタマイズすることが出来ます。以下の手順でダッシュボードのヘッダー色を変更します。

操作手順

1. ダッシュボードを開いて「ダッシュボードを編集」をクリックします。編集モードで画面右上の「・・・」ボタン(下図赤枠部分)をクリックして「CSSを編集」を選択します。

2.CSSウインドウが表示されるので、Live CSS editorでdashboard-headerクラスに以下の様な属性を設定して、ヘッダー色を指定します。

.dashboard-header {
  background-color: #FFF587;
}

※注:Apache Superset version 1.3.1では上記設定で変わりますが、バージョンアップによって効かない可能性があります

CSSウインドウ外をクリックすると閉じることができます。

3.保存ボタンまたは「別名で保存」メニューでダッシュボードを保存します。ダッシュボードの背景色が変わったことを確認します。