Dark Mode for Prestashop BackOffice

A PrestaShop module that allows you to enable dark mode support on all interfaces of the administration panel in order to give a rest to your eyes or those of your customers, using Dark Reader.

Features

• Dynamic dark mode for your PrestaShop admin panel.
• Uses the Dark Reader engine for high-quality, customizable dark themes.
• Supports Shadow DOM, adopted style sheets, and dynamic CSS overrides.
• Handles CSS imports, variables, and inline styles.
• Includes fallback and user-agent style overrides for maximum compatibility.

How It Works

• Injects Dark Reader scripts and styles into your back office's pages.
• Dynamically modifies CSS to apply dark mode, including handling of CSS variables and custom properties.

Installation

1. Copy the bodarkmode folder to your PrestaShop modules/ directory.
2. Install the module from the PrestaShop admin panel.

How to Use

1. Find Toggle: After installation, refresh the admin page to see the Toggle Dark Mode button in the sidebar under Dashboard.
2. Enable Dark Mode: Toggle the dark mode button to activate.
3. Enjoy: The dark theme will be applied automatically to all admin pages.

Development

Tested on PrestaShop 8 and 9. Should work with 1.7 too. This module makes use of the following Javascript library Dark Reader MIT License

• Main logic is in views/js/darkreader.js.
• Styles and templates are in the views/ subfolders.

You can update darkreader script files via a CDN such as:

• unpkg (uncompressed)
• jsDelivr (minified)

DO NOT USE .mjs files, ONLY .js.

Credits

• Dark Reader for the core dark mode engine.

License

This module includes code from Dark Reader, which is licensed under the MIT License. Bodarkmode module is licensed under MIT.
Copyright (c) 2025 Adorade

Thanks for use

Hopefully, this module is useful to you.