Drupal CMS Olivero のサブテーマ(ダークテーマ)を作ってみた

2025年05月25日(日) - 15:22

はじめに

Olivero のサブテーマ Drupal CMS Olivero は、親テーマと同じく真っ白なので自分としては読み辛く感じていた。
なので、基本的なレイアウトには手を付けずに、配色だけ Dark にしてみた。
ChatGPT ありがとう。

Drupal CMS Olivero(または Olivero)をコピーしてカスタマイズするのは、後々の保守を考えると難儀な気がするから、Drupal 推奨ではないけれどサブテーマとして管理することにした。

基本的な考え方

  • 端末の画面モード(Light、Dark)に応じてダークモードで表示する。
  • 管理者しか表示しないブロックのダークモード化は後回しとする(しないかも)。
  • レイアウト関係は(blockquote を除いて)親テーマのままとし、配色のみ CSS で変更する。

ファイル構成とコード

記事に書くと長くなるから GitHub で公開してみた。
https://github.com/DrupalMyTheme/drupal_cms_olivero_child

おわりに

親テーマの Olivero に大規模なアップデートがあったら仕方がない。改めてサブテーマを作ることにする。
ただ、ソースのとおり閲覧画面の配色を変更しているだけだから、当分は何とかなるだろうと勝手に解釈している。