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