WordPress admin color scheme source files for color scheme developers.

Usage no npm install needed!

<script type="module">
  import wpAdminColors from 'https://cdn.skypack.dev/wp-admin-colors';



This package bundles the SCSS files required to compile a WordPress admin color scheme in a npm-ready package.


./dist/*.* is a copy/paste of these files:


Add to your project:

npm install wp-admin-colors

Include in your SCSS file and override some variables:

@import "~wp-admin-colors/dist/admin";

Note: The ~ is a webpack convention.

How to update wp-admin-colors

  1. Clone this repo.
  2. Run npm install.
  3. In gulpfile.js, update the WordPress version. Note that WordPress does not use semantic versioning, so "major" versions will be something like 5.1, not 5.1.0.
  4. Run npm run build.
  5. Bump the version in package.json and package-lock.json to match the WordPress version.
  6. Commit and push, then run npm publish to publish a new version.
  7. Tag a new release: https://github.com/pressbooks/wp-admin-colors/releases