Page 1 of 1

How can I add a new swatch to an existing theme?

Posted: Wed Jan 20, 2016 9:28 pm
by Logan Wells

All I would like to do is add a swatch to GELATO specifically, an on Themeroller it does not have a place where I can find the Gelato theme and amend that to make a swatch.

Any ideas on how I would do this?


How can I add a new swatch to an existing theme?

Posted: Wed Jan 20, 2016 11:42 pm
by Julian Alberto De La Rosa Suncar

What to do:

1.) Copy the entire theme to themeroller
2.) Use the option of upgrade and paste it there (Exactly as you have copied it)
3.) Now add a new swatch, a name that it's not in the swatch that you have copied lets say "L"
4.) Make your work there
5.) Download the new theme
6.) Open it in a text editor and copy the swatch from start to end and paste it after the last swatch in your theme on Appery.io
7.) Note : You should include the header commented as
/************* YOUR NEW SWATCH LETTER (Ej. L)*******/

above it's need to the swatch been seen by Appery.io swatch selectors in the IDE


How can I add a new swatch to an existing theme?

Posted: Wed Jan 20, 2016 11:59 pm
by Logan Wells

This seems like the correct route, thanks so much!


How can I add a new swatch to an existing theme?

Posted: Thu Jan 21, 2016 12:14 am
by Julian Alberto De La Rosa Suncar

Let me know if something else on help with this is needed


How can I add a new swatch to an existing theme?

Posted: Thu Jan 21, 2016 12:46 am
by Logan Wells

Alright, where do we copy the entire theme to themeroller? Do you mean to copy the attributes from the Gelato theme to themeroller, or is there a place to paste the code (and where is that)?

Thanks so much


How can I add a new swatch to an existing theme?

Posted: Thu Jan 21, 2016 1:25 am
by Julian Alberto De La Rosa Suncar

1.) Go to : https://themeroller.jquerymobile.com/

2.) Press Get Rolling

3.) In the top-right from right to left there's Help menu, then Share Menu, then Import

4.) Paste it there

After all done press Download Theme Zip

You only will need the theme.css inside that zip locate the lines of the new swatch and copy and paste inside Apperyio theme css file


How can I add a new swatch to an existing theme?

Posted: Thu Jan 21, 2016 1:38 am
by Logan Wells

Alright, this is so helpful! I think this is all the help I need.

Thank you so much,
Logan