declare brand-{modifier} colours, allowing easier modification

laravel-frontend-presets · Nov 1, 2017 · 6488ad2 · 6488ad2
1 parent 7bc6eca
commit 6488ad2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -22,6 +22,10 @@ $ npm run dev
 
 Enjoy!
 
+### Changing colours
+
+If you want to change the default orange colour being used, update the `brand-{modifier}` values in your `tailwind.js` file.
+
 ### Screenshots
 
 ![Welcome](/screenshots/welcome.png)

diff --git a/src/tailwind-stubs/tailwind.js b/src/tailwind-stubs/tailwind.js
@@ -127,6 +127,14 @@ var colors = {
   'pink-light': '#fa7ea8',
   'pink-lighter': '#ffbbca',
   'pink-lightest': '#ffebef',
+
+  'brand-darkest': '#542605',
+  'brand-darker': '#7f4012',
+  'brand-dark': '#de751f',
+  'brand': '#f6993f',
+  'brand-light': '#faad63',
+  'brand-lighter': '#fcd9b6',
+  'brand-lightest': '#fff5eb',
 }
 
 module.exports = {