PHPackages                             mattgrayisok/craft-dark-mode - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. mattgrayisok/craft-dark-mode

ActiveCraft-plugin[Utility & Helpers](/categories/utility)

mattgrayisok/craft-dark-mode
============================

A Dark Mode for Craft CMS

1.1.0(7y ago)143.0k2[6 issues](https://github.com/mattgrayisok/craft-dark-mode/issues)[10 PRs](https://github.com/mattgrayisok/craft-dark-mode/pulls)MITCSS

Since Dec 18Pushed 3y agoCompare

[ Source](https://github.com/mattgrayisok/craft-dark-mode)[ Packagist](https://packagist.org/packages/mattgrayisok/craft-dark-mode)[ RSS](/packages/mattgrayisok-craft-dark-mode/feed)WikiDiscussions master Synced today

READMEChangelog (4)Dependencies (1)Versions (14)Used By (0)

**This plugin works well up to Craft 3.3. Craft 3.4 made a lot of changes to document structure and styling in the control panel which broke a lot of stuff. Craft will soon be adding its own native dark mode and it's therefore unlikely this plugin will be updated to support Craft 3.4**

Dark Mode plugin for Craft CMS 3.0 - 3.3
========================================

[](#dark-mode-plugin-for-craft-cms-30---33)

A Dark Mode for Craft CMS

[![Logo](resources/img/plugin-logo.png)](resources/img/plugin-logo.png)

Requirements
------------

[](#requirements)

This plugin requires Craft CMS 3.0.0 or later.

Installation
------------

[](#installation)

Install via the Craft Plugin Store

OR

To install the plugin manually:

`composer require mattgrayisok/craft-dark-mode`

Dark Mode Overview
------------------

[](#dark-mode-overview)

Sometimes you just need a little less light and a little more shade.

Once installed all users will be able to toggle dark mode on and off using the switch in the main navigation.

[![Screenshot](resources/img/darkmode.gif)](resources/img/darkmode.gif)

Supports Dark Mode
------------------

[](#supports-dark-mode)

These plugins have added support for Dark Mode to provide you with a seamless experience throughout the control panel:

- [Doxter](https://selvinortiz.com/plugins/doxter) - Beautiful Markdown Editor and Smart Parser for Craft CMS

Plugin Developers
-----------------

[](#plugin-developers)

If your plugin adds custom elements to the control panel and you'd like to support Dark Mode it couldn't be easier. Dark Mode adds the class `.darkmode` to the `body` tag when it is enabled, simply add some additional styles to your plugin to take this into account.

Dark Mode Roadmap
-----------------

[](#dark-mode-roadmap)

- Improve assets display. Might need to make some custom images
- Get redactor styling to match
- Allow dark mode to be \[de\]activated on a per-user basis using a switch in the nav

Brought to you by [Matt Gray](https://mattgrayisok.com)

---

Icon made by Freepik from

###  Health Score

32

—

LowBetter than 72% of packages

Maintenance11

Infrequent updates — may be unmaintained

Popularity25

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity68

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~6 days

Total

4

Last Release

2681d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/07a397bf9e17013ac2388b5a0cfef6c2be482f1f07afb6f9fc6ef4a90f301962?d=identicon)[mattgrayisok](/maintainers/mattgrayisok)

---

Top Contributors

[![mattgrayisok](https://avatars.githubusercontent.com/u/571107?v=4)](https://github.com/mattgrayisok "mattgrayisok (26 commits)")

---

Tags

cmsCraftcraftcmscraft-plugindark-mode

### Embed Badge

![Health badge](/badges/mattgrayisok-craft-dark-mode/health.svg)

```
[![Health](https://phpackages.com/badges/mattgrayisok-craft-dark-mode/health.svg)](https://phpackages.com/packages/mattgrayisok-craft-dark-mode)
```

###  Alternatives

[verbb/navigation

Create navigation menus for your site.

90683.7k17](/packages/verbb-navigation)[verbb/formie

The most user-friendly forms plugin for Craft.

101372.9k40](/packages/verbb-formie)[verbb/comments

Add comments to your site.

13753.1k](/packages/verbb-comments)[verbb/tablemaker

Create customizable and user-defined table fields.

40168.8k1](/packages/verbb-tablemaker)[supercool/tablemaker

Create customizable and user-defined table fields.

40141.7k](/packages/supercool-tablemaker)[pennebaker/craft-architect

CraftCMS plugin to generate content models from JSON/YAML data.

72148.5k5](/packages/pennebaker-craft-architect)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)