Foundation Documentation and SupportV6 User Manual ThemesHow do I create a Theme? (Version 1.1)

How do I create a Theme? (Version 1.1)

1. Go to the Navigation.

Navigation

2. Select the System Menu.

TMMData - my.tmmlog.in - Google Chrome

3. Select the Themes Menu.

TMMData - my.tmmlog.in - Google Chrome

4. Click on 'Add New Theme'.

TMMData - my.tmmlog.in - Google Chrome

5. Fill in the info.

  1. Name - Type in the desired name.
  2. Type - Choose the Type of theme this will be (UI, Form, or Dashboard).
  3. CSS - This is the code that will control the theme.
Info

For our example, we will type "Theme Testing for Documentation" into the Name...

TMMData - my.tmmlog.in - Google Chrome

There are three choices in the "Type" drop-down menu (Form, Dashboard, and UI).

(UI is the "User Interface")...

 

TMMData - my.tmmlog.in - Google Chrome

The CSS content is the final box to fill in.  

You can use names of colors (like: blue, tan, gray, green, etc.)...

TMMData - my.tmmlog.in - Google Chrome

Or, you can use "hexadecimal color" numbers for very specific colors...

6. Click Save when finished.

Save

7. Congratulations! You have created a Theme.

Finished

We can Close with the "X" button around the top-right section of the screen.

TMMData - my.tmmlog.in - Google Chrome
8. Examples of different color Themes...

Here is an example of my "default" color Theme...

Here is the same example, but with some color changes selected for the Theme...

Here's another example with my "default" color Theme...

Here is the same example, but there have been some changes made to the colors within the Theme...

Here is an image of my "default" Theme in a FORM (before applying any changes)...

Here is an image of the same FORM, but after changing some of the colors of the Theme...

9. How to turn ON/OFF the Theme...

Select the Drop-Down arrow next to your Profile (in the top-right-corner of the screen)...

TMMData - my.tmmlog.in - Google Chrome

Find and select the "Account Settings" option from the menu...

TMMData - my.tmmlog.in - Google Chrome

You will be prompted to "VALIDATE PASSWORD"

1.  Type your Password...

2. Select the VALIDATE button...

TMMData - my.tmmlog.in - Google Chrome

Locate the "Theme" drop-down menu from the options within the Setting(s) section...

TMMData - my.tmmlog.in - Google Chrome

The "Default" Theme is typically selected...

The "Theme Testing for Documentation" Theme was showing in the image above as an example...

TMMData - my.tmmlog.in - Google Chrome

Once you've selected a Theme option, select the SAVE button (for the selected changes to take effect).