Import existing theme in ThemeRoller using the steps below:
- Locate "style/aptify.mobile-theme-g.css" and open it in a text editor.
- Copy all the CSS code from the file.
- Launch ThemeRoller, click import and paste the copied CSS.
Figure 15 - Using ThemeRoller for Changing Themes in the Application
- The application theme contains swatches (A to J).
- Swatches (G to J) are used in the AMM Application.
- Swatch details and functions are as follows:
- G: Contains styles for Header, Footer, Background, Links
Figure 16 - Swatch "G" was used for creating Header, Footer, Background, Links
- H: Contains styles for button elements.
Figure 17 - Swatch "H" was used for Button Elements
- I: Contains styling for gray button elements
Figure 18 - Swatch "I" was used for creating Gray Button Elements
- J: Contains styling for lists
Figure 19 - Swatch "J" was used for creating Styling for Lists
Note: AMM provides the ability to change the colors in each swatch to theme corresponding UI elements.