- Go here: http://codepen.io/hanakin/pen/OpXaBx?editors=0110
- Edit the following values at the top of that window (You can use any color type won't matter hex, rgb, hsl, hsb)
Code: Select all
// ProSilver 3.2 colour.css Generator // EDIT THESE COLORS (Main Color Scheme) $color-primary: "your color here"; $color-accent: "your color here"; $color-secondary: "your color here"; $color-ui: "your color here";
- Click the Down arrow icon
- Choose View Compiled CSS
Lines 1 - 1399from the CSS Editor at the top of that window (everything after line 1399 is not needed for prosilver)
- Paste it in your
- Save the file
- Purge your cache from your admin panel
The page will update with the color changes you make after a few seconds to visualize your colors.
P.S. There are many more specific SCSS variables for all the colors on this pen if you are so inclined you can edit more specifically. Hover they all are modifications of the main color scheme variables.