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'