https://github.com/ryelle/admin-color-schemes

Even more admin color schemes for WP admin
https://github.com/ryelle/admin-color-schemes

Last synced: 15 days ago
JSON representation

Even more admin color schemes for WP admin

• Host: GitHub
• URL: https://github.com/ryelle/admin-color-schemes
• Owner: ryelle
• Created: 2013-09-13T00:45:42.000Z (over 11 years ago)
• Default Branch: main
• Last Pushed: 2022-01-31T19:20:30.000Z (almost 3 years ago)
• Last Synced: 2024-10-04T13:25:51.651Z (3 months ago)
• Language: SCSS
• Homepage: http://wordpress.org/plugins/admin-color-schemes/
• Size: 2.23 MB
• Stars: 20
• Watchers: 8
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Admin Color Schemes

===================

Even more admin color schemes for WP admin.

Evergreen & Mint designed by @melchoyce

Primary, Sunset, and Vineyard designed by Kate & Dave Whitley

Kirk inspired by [the WordPress 5.3 release art.](https://wordpress.org/news/2019/11/kirk/)

Adderley inspired by [the WordPress 5.4 release art.](https://wordpress.org/news/2020/03/adderley/)

## Development

To work on the color schemes, first [fork this repo](https://help.github.com/en/github/getting-started-with-github/fork-a-repo) to your account. Clone it into your plugins directory, and install the dependencies. You will need [node & npm](https://nodejs.org/en/) installed.

```

$ git clone [email protected]:[YOUR_USERNAME]/admin-color-schemes.git

$ cd admin-color-schemes

$ npm install

$ npm run build

```

You can also run `npm start` to watch the scss files as you work.

### Color Scheme Structure

Each color scheme has a folder, and in each folder is a `colors.scss` file, and 2 `.css` files. The CSS files are generated by the steps above, you should not need to edit these. A basic color scheme defines 3 variables, but you can add more. The list of variables you can define are in `_variables.scss`.

```scss

$base-color: #36395c;

$highlight-color: #8bbc9f;

$notification-color: #d2ac1f;

```

The last part of the `colors.scss` file is an import, which is how the scheme is generated. This is required, otherwise your color scheme won't work.

```scss

@import "../admin";

```

Now your scheme can be added to `admin-color-schemes.php` 🎨

**Note:** `_admin.scss`, `_mixins.scss`, and `_variables.scss` are synced with WordPress core files, and shouldn't be edited.