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

2021年11月25日木曜日

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

操作手順

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

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

.dashboard-content {
  background-color: #FF8C64;
}

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

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

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