mattgrayisok / craft-dark-mode
A Dark Mode for Craft CMS
Installs: 2 961
Dependents: 0
Suggesters: 0
Security: 0
Stars: 13
Watchers: 1
Forks: 2
Open Issues: 16
Language:CSS
Type:craft-plugin
Requires
- craftcms/cms: ^3.0.0
- dev-master
- 1.1.0
- 1.0.2
- 1.0.1
- 1.0.0
- dev-dependabot/npm_and_yarn/qs-6.5.3
- dev-dependabot/npm_and_yarn/ajv-6.12.6
- dev-dependabot/npm_and_yarn/node-sass-7.0.0
- dev-dependabot/npm_and_yarn/tar-2.2.2
- dev-dependabot/npm_and_yarn/hosted-git-info-2.8.9
- dev-dependabot/npm_and_yarn/lodash-4.17.21
- dev-dependabot/npm_and_yarn/y18n-3.2.2
- dev-dependabot/npm_and_yarn/fstream-1.0.12
- dev-dependabot/npm_and_yarn/lodash.mergewith-4.6.2
This package is auto-updated.
Last update: 2024-11-08 23:37:34 UTC
README
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
A Dark Mode for Craft CMS
Requirements
This plugin requires Craft CMS 3.0.0 or later.
Installation
Install via the Craft Plugin Store
OR
To install the plugin manually:
composer require mattgrayisok/craft-dark-mode
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.
Supports Dark Mode
These plugins have added support for Dark Mode to provide you with a seamless experience throughout the control panel:
- Doxter - Beautiful Markdown Editor and Smart Parser for Craft CMS
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
- Improve assets display. Might need to make some custom images
Get redactor styling to matchAllow dark mode to be [de]activated on a per-user basis using a switch in the nav
Brought to you by Matt Gray
Icon made by Freepik from https://www.flaticon.com/