Colours for WordPress
This package provides a bunch of variables for Sass, scss and Less to be used in conjunction with WordPress.
The colours have been obtained from the official make.wordpress.org website.
What's Included
Blue shades
- WordPress Blue (
rgb(0, 115, 170),#0073aa) - Medium Blue (
rgb(0, 160, 210),#00a0d2)
Grey
- Ultra Dark Grey (
rgb(25, 30, 35),#191e23) - Dark Grey (
rgb(35, 40, 45),#23282d) - Base Grey (
rgb(50, 55, 60),#32373c) - Dark Silver Grey (
rgb(130, 135, 140),#82878c) - Silver Grey (
rgb(160, 165, 170),#a0a5aa) - Light Silver Grey (
rgb(180, 185, 190),#b4b9be)
Accents
- Accent Red (
rgb(220, 50, 50),#dc3232) - Accent Orange (
rgb(245, 110, 40),#f56e28) - Accent Yellow (
rgb(255, 185, 0),#ffb900) - Accent Green (
rgb(70, 180, 80),#46B450) - Accent Purple (
rgb(130, 110, 180),#826eb4)
How to use
Firstly, install it.
yarn add --dev @roelofr/wordpress-colour
Then, just import it into your code. The examples below assume Webpack, but you're free to use whatever you'd like.
@import (reference) '~roelofr/wordpress-colour/colour';@import '~roelofr/wordpress-colour/colour'