Managing Colors, Hex Codes - Bumby-Wool/builder GitHub Wiki

Adding/Removing Colors

The colors are controled by a JSON file called colors.json in the root folder of the project. In the colors.json file there is an array of color objects. Each color object looks like this:

{ "name": "Hops", "patternId": {"fill": "#007258"} }

Each color object in the array will be followed by a , at the end of the line except for the very last color at the end of the array

Adding a color

1. Go to the colors.json file.
2. Click on the pencil icon to edit the file

If you don't have the edit button for the file be sure you have signed-in to github with an account that has edit persmission for theis repo

3. Now copy an existing color object and paste it into the array

The colors in the website are displayed in the same order they are in this array. Also the first color in the array is the default color display when viewing an item.

4. Next modify the pasted color object's name and hex code to be the new color

5. Scroll to the bottom of the page and then click the Commit Changes button to save your changes. Optionally you can add a description with details of what changes you made.

Removing a color

1. Go to the colors.json file.
2. Click on the pencil icon to edit the file

If you don't have the edit button for the file be sure you have signed-in to github with an account that has edit persmission for theis repo

3. Select the whole line of the color you'd like to delete

4. Then delete that line

5. Scroll to the bottom of the page and then click the Commit Changes button to save your changes. Optionally you can add a description with details of what changes you made.