tripal/olivero_dark_switch

A Drupal extension module which provides dark theme for Olivero and a toggle to change it.

v1.0.0 2025-09-14 23:41 UTC

Requires

• php: ^8.2
• drupal/core: ^10.4 || ^11.1
• drush/drush: ^13.6
• tripal/tripal: ^4.0-alpha1

GPL-2.0-or-later

• Lacey-Anne Sanderson

• drupal

README

This module will provide a dark switch toggle for the Olivero theme and associated CSS to make this work.

How to use this module

1. First install this module using composer: composer require tripal/olivero_dark_switch:v1.0.0
2. Next place the "Olivero Dark Switch" block in the "Highlighted" region and set the float option to "Right".
3. Now when you load the main site, there will be a dark theme toggle button.

Screenshots

The following screenshots show this module in action on Drupal 11 where it was configured as mentioned above.

Light	Dark

Development

You can either run a container directly as shown below OR USE VSCODE DEVCONTAINER.

docker run --publish=9000:80 --name=darkswitch -tid --volume=$(pwd):/var/www/drupal/web/modules/contrib/olivero_dark_switch tripalproject/tripaldocker:latest