https://github.com/boazpoolman/strapi-code-themes

:sparkles: Some IDE inspired color schemes for Strapi v4 admin UI
https://github.com/boazpoolman/strapi-code-themes

code colors dark-mode monokai oss strapi theme

Last synced: about 2 hours ago
JSON representation

:sparkles: Some IDE inspired color schemes for Strapi v4 admin UI

• Host: GitHub
• URL: https://github.com/boazpoolman/strapi-code-themes
• Owner: boazpoolman
• License: mit
• Created: 2021-11-15T18:49:17.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-07-10T16:25:16.000Z (over 2 years ago)
• Last Synced: 2025-01-08T14:13:27.262Z (23 days ago)
• Topics: code, colors, dark-mode, monokai, oss, strapi, theme
• Language: TypeScript
• Homepage: https://npmjs.com/package/strapi-code-themes
• Size: 1.5 MB
• Stars: 47
• Watchers: 4
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


Strapi code themes

Some coding inspired theme presets for Strapi CMS.





## ✨ Themes

- Github dark mode

- Monokai

- Night owl

- One dark pro

- Shades of purple

- Synthwave

- Dracula

## ⏳ Installation

Install the package in your Strapi project.

```bash

# using yarn

yarn add strapi-code-themes

# using npm

npm install strapi-code-themes --save

```

## 💡 Usage

Inside the `/src/admin/app.js` file you can apply the theme to your Strapi installation. Add the following lines:

```

import themes from 'strapi-code-themes';

export default {

  config: {

    theme: {

      colors: themes.shadesOfPurple,

    },

  },

};

```

After setting up your theme you will have to rebuild you Strapi admin UI. To rebuild and restart Strapi run:

```bash

# using yarn

yarn build

yarn develop

# using npm

npm run build

npm run develop

```

Now you're all set. Enjoy your Strapi admin themes!

## 🤝 Contributing

Feel free to fork and make a pull request of this plugin. All the input is welcome!

## ⭐️ Show your support

Give a star if this project helped you.

## 📝 Resources

- [MIT License](LICENSE.md)