Mercury is a component-based Drupal theme that uses Tailwind CSS to provide a modern and flexible foundation for building scalable websites. It's designed to be copied and customized directly, rather than used as a traditional base theme.
Mercury is a component-based Drupal theme built with Tailwind CSS, providing a modern and flexible starting point for site owners to build scalable and efficient websites using Drupal Canvas.
Getting started
To use Mercury, you can install it via Composer, like any other Drupal theme. But Mercury is designed to be copied, rather than used as a contributed theme or base theme, and you should not assume that future updates will be compatible with your site.
To create the clone to use for your site, use Drupal core's starter kit tool:
cd drupal/web
php core/scripts/drupal generate-theme my_theme --name="My Custom Theme" --description="A customized version of Mercury." --starterkit=mercury
This will create a copy of Mercury called my_theme, and place it in themes/my_theme. This theme is yours, and you can customize it in any way you see fit!
To install it in Drupal, either visit the /admin/appearance page, or run drush theme:enable my_theme at the command line.
You can then remove the contributed version via Composer with composer remove drupal/mercury.
Sub-theming
Don't create your custom theme as a sub-theme of Mercury. Mercury is meant to be used as a starter kit, and does not provide backward compatibility. This allows us to rapidly innovate, iterate, and improve. If you create a sub-theme of Mercury, it is likely to break in the future.
For more technical information about how to build a custom theme based on Mercury, see the project README.
Getting help
If you have trouble or questions, please visit the issue queue or find us on Drupal Slack, in the #drupal-cms-support channel.
Roadmap
Mercury is under active development. Planned improvements include more components, better customization options, and Storybook support. If you want to contribute to Mercury, check out the #drupal-cms-development channel in Drupal Slack.
Depends on
Dependencies of the latest stable release
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.
Activity
Release Timeline
Releases
| Version | Type | Core | Notes | Release date | |
|---|---|---|---|---|---|
| 1.0.5 | Stable | 11 | Jun 2, 2026 | ||
| 1.0.4 | Stable | 11 | May 21, 2026 | ||
| 1.0.3 | Stable | 11 | Adds a video component | Mar 19, 2026 | |
| 1.0.2 | Stable | 11 | Housekeeping and bug fixing. | Mar 9, 2026 | |
| 1.0.1 | Stable | 11 | Bug fixes and documentation improvements. | Feb 18, 2026 | |
| 1.0.0 | Stable | 11 | First stable release!! 🎉 | Jan 27, 2026 | |
| 1.0.0-rc1 | Pre-release | 11 | Bug fixes and minor styling improvements | Jan 22, 2026 | |
| 1.0.0-beta3 | Pre-release | 11 | Bug fixes and improved customizability. | Jan 6, 2026 | |
| 1.0.0-beta2 | Pre-release | 11 | Second beta, ready for testing! | Dec 16, 2025 | |
| 1.0.0-beta1 | Pre-release | 11 | First beta, ready for testing! | Dec 16, 2025 | |
| 1.0.0-alpha2 | Pre-release | 11 | Bugs fixed, improvements made. Progress marches on. | Nov 19, 2025 | |
| 1.0.0-alpha1 | Pre-release | 11 | Initial development release. | Oct 17, 2025 | |
| 0.9.8 | Stable | 11 | Pre-alpha development snapshot. | Oct 6, 2025 | |
| 0.9.7 | Stable | 11 | Fixed a few things and changed from dark/light mode to color schemes. | Aug 18, 2025 | |
| 0.9.6 | Stable | 11 | A few fixes, and adopted the Phosphor icon library. | Aug 14, 2025 | |
| 0.9.5 | Stable | 11 | Dark mode is now configurable, and there is better webform styling. | Jul 31, 2025 | |
| 0.9.4 | Stable | 11 | Compatible with latest Experience Builder, more refactoring, styling, streamlining, etc. | Jul 24, 2025 | |
| 0.9.3 | Stable | 11 | Most recent pre-release snapshot. | Jul 15, 2025 | |
| 1.x-dev | Dev | 11 | Development snapshot of the 1.x branch. | Jul 15, 2025 |