Skip to content

Commit 6488ad2

Browse files
declare brand-{modifier} colours, allowing easier modification
1 parent 7bc6eca commit 6488ad2

File tree

2 files changed

+12
-0
lines changed

2 files changed

+12
-0
lines changed

README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,10 @@ $ npm run dev
2222

2323
Enjoy!
2424

25+
### Changing colours
26+
27+
If you want to change the default orange colour being used, update the `brand-{modifier}` values in your `tailwind.js` file.
28+
2529
### Screenshots
2630

2731
![Welcome](/screenshots/welcome.png)

src/tailwind-stubs/tailwind.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -127,6 +127,14 @@ var colors = {
127127
'pink-light': '#fa7ea8',
128128
'pink-lighter': '#ffbbca',
129129
'pink-lightest': '#ffebef',
130+
131+
'brand-darkest': '#542605',
132+
'brand-darker': '#7f4012',
133+
'brand-dark': '#de751f',
134+
'brand': '#f6993f',
135+
'brand-light': '#faad63',
136+
'brand-lighter': '#fcd9b6',
137+
'brand-lightest': '#fff5eb',
130138
}
131139

132140
module.exports = {

0 commit comments

Comments
 (0)