https://github.com/Nats-ji/netlify-cms-dark-mode

Netlify CMS Dark Mode! A simple CSS file to turn on dark mode for your Netlify CMS.
https://github.com/Nats-ji/netlify-cms-dark-mode

dark-mode dark-theme netlify netlify-cms netlify-plugin netlifycms

Last synced: 2 days ago
JSON representation

Netlify CMS Dark Mode! A simple CSS file to turn on dark mode for your Netlify CMS.

• Host: GitHub
• URL: https://github.com/Nats-ji/netlify-cms-dark-mode
• Owner: Nats-ji
• License: mit
• Created: 2021-03-09T13:35:31.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2022-06-23T18:33:00.000Z (almost 3 years ago)
• Last Synced: 2025-04-14T21:10:02.099Z (15 days ago)
• Topics: dark-mode, dark-theme, netlify, netlify-cms, netlify-plugin, netlifycms
• Language: CSS
• Homepage: https://nats-ji.github.io/netlify-cms-dark-mode/
• Size: 380 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-decap-cms - netlify-cms-dark-mode - Netlify CMS Dark Mode! A simple CSS file to turn on dark mode for your Netlify CMS. (Hack)

README

        


# Netlify CMS Dark Mode Theme

## What is this?

This is a simple CSS file that you can add to your Netlify CMS's HTML file.

It automatically toggles your Netlify cms to dark mode if your system is also set to dark mode.

You can view the demo site [here](https://nats-ji.github.io/netlify-cms-dark-mode/).

![image](https://user-images.githubusercontent.com/13299626/110656997-708d1280-81fb-11eb-8c50-a9bd35596a82.png)

## Who is this for?

This is mainly for people who install the Netlify CMS with javascript from the CDN. Since there are more limitations with customization.

But you can also use this with the npm installation method. However, it's better to write a separate package.

## How to use?

### Method 1. Use CDN

Pull `dark.css` from a public cdn, so it will keep up-to-date. `https://cdn.jsdelivr.net/gh/Nats-ji/netlify-cms-dark@master/dark.min.css`

- Edit your Netlify CMS's HTML code:

   ```html