This project integrates DarkmodeJS library into Drupal system. It allows site visitors to switch between light mode and dark mode. The button appears on the bottom left corner. You should Add the Darkmode Switcher block to see the button on the page. If this module will be useful for people will make the settings configurable or feel free to submit a patch.

Module and dependencies installation:

  1. Run composer require oomphinc/composer-installers-extender, to install
    an additional package allowing you to install Darkmode.JS as npm-asset from
    asset-packagist.org.

  2. Set the new repository for the composer to download npm-asset packages:

  3. {
      "repositories": [
        {
          "type": "composer",
          "url": "https://packages.drupal.org/8"
        },
        {
          "type": "composer",
          "url": "https://asset-packagist.org"
        }
      ],
    }
    
  4. Update the extra settings to define new installers types and configure them:
  5. {
      "extra": {
        "installer-types": [ "bower-asset", "npm-asset" ],
        "drupal-scaffold": {
          ...
        },
        "installer-paths": {
          "web/core": [
            "type:drupal-core"
          ],
          "web/libraries/{$name}": [
            "type:drupal-library",
            "type:bower-asset",
            "type:npm-asset"
          ],
          ...
        },
      },
    }
    
  6. Run composer require drupal/darkmode npm-asset/darkmode-js:1.5.7,
    to install module and it's dependencies.

Supporting organizations: 

Project information

Releases