The easiest way to create a new theme is to copy an existing one. By default themes are located at /DesktopModules/LiveAccordion/Themes

Let's examine the Themes and Skins structure. We'll look at the Default theme and skin which is located at /DesktopModules/LiveAccordion/Themes/Default

Any folder in /DesktopModules/LiveAccordion/Themes is treated as a theme. In this case, we have the Default folder and hence the Default Theme.

How Do I Create a New Theme 

Simply copy and paste an existing Theme folder and rename it. That's it! Of course, you'll need to edit the CSS files as necessary.

Important: The final step to ensure that you're newly created theme works is to edit the MyTheme.css located at /DesktopModules/LiveAccordion/Themes/MyTheme/ and ensure that all css declarations begin with .liveaccmytheme

You must inherit all IDs, Classes, any other CSS Tags in your newly created MyTheme.css from class .liveaccmytheme(where this is your new theme name in lowercase)

Example:

.liveaccdefault .ui-helper-hidden { display: none; }

The above markup would change to:

.liveaccmytheme .ui-helper-hidden { display: none; }