Theme Management

Theme management UI, allows you to upload or select a new theme to the GS Portal. You can activate the a deferent theme by simply selecting the desired theme.
themes-screen.png
When you are uploading a theme, the theme config file describes the theme configuration. the configuration for the "GS-Dark" theme is as follows 
<resource path="/themes/test-2/conf" isCollection="true">
	<mediaType>application/octet-stream</mediaType>
	<properties>
		<property key="name">GS Dark</property>
		<property key="author">WSO2</property>
		<property key="css.name">localstyles/gadget-server.css</property>
        	<property key="thumb">black.png</property>
        	<property key="description">The theme is clean and simple all to help you get a stylish and functional look.
        	Theme is also designed with customization in mind. Meaning, with a little work, the theme can be completely personalized.
		</property>
        </properties>
</resource>

The diretry hirachy of the GS-Dark theme is, 
.
|-- black.png
|-- images
|   |-- 1px.gif
|   |-- addGadgetsBg.jpg
|   |-- arrow_right.gif
|   |-- dashboard.gif
|   |-- defaultGadgetsBg.jpg
|   |-- gadget-close.gif
|   |-- gadgetDescriptionBg.jpg
|   |-- gadget-settings.gif
|   |-- gadget-toggle-down.gif
|   |-- gadget-toggle-settings.gif
|   |-- gadget-toggle-up.gif
|   |-- gs-header-logo.gif
|   |-- hide.gif
|   |-- infoCardBg.jpg
|   |-- loading.gif
|   |-- loginPageImage.jpg
|   |-- logoBg.jpg
|   |-- mainBg.jpg
|   |-- mainTabsBg.jpg
|   |-- maximize.gif
|   |-- minimize.gif
|   |-- myshadow.png
|   |-- powered_gadget_server.gif
|   |-- show.gif
|   |-- spacer.gif
|   |-- table-header.gif
|   |-- tabsBg.jpg
|   `-- Thumbs.db
|-- localstyles
|   `-- gadget-server.css
`-- theme-conf.xml