1. 学ぶ
  2. /
  3. コース
  4. /
  5. Dash と Plotly で作るダッシュボード

Connected

演習

ダークモードに切り替える

ソフトウェアやウェブページでは「ダークモード」が一般的になっています。目に優しく、好む人も多いモードです。ダークモードでは、要素の背景が黒、すべてのテキストの色が白になります。

今回の課題は、前の演習で作成したダッシュボードを「ダークサイド」に切り替えることです。グラフやHTML要素の背景色と文字色を変更します。

前回のダッシュボードの大部分(必要なグラフの作成を含む)は用意されていますが、ダークモードに切り替えるための重要な作業が残っています。この演習では、RGBコードではなく色名を使って指定してかまいません。

指示

100 XP
  • 棒グラフのフォント色を、下記のダークモード(black の背景、white のテキスト)に合うように、行 10 の下で設定します。
  • 行 16 の下で、logo_link 変数を使って新しいロゴを追加します。