Alfresco, out-of-the-box, contains multiple themes, such as google docs, green and yellow theme. But sometimes these are not sufficient to the client and they want a custom theme that fits their company.
You can create a custom theme by following these steps.
1. Copy the default theme.
Navigate to the Alfresco Share themes folder({alfresco}/tomcat/webapps/share/themes/) and copy the default folder and rename it to your own. In this example we will call the theme “Appnovation Theme” and rename the folder to “appnovation”.
2. Define the theme with an XML definition.
Go to the Alfresco Share themes definition ({alfresco}/tomcat/webapps/share/WEB-INF/classes/alfresco/site-data/themes) and copy the default XML definition.
This will look something like this Appnovation Theme theme.appnovation
3. Restart and extend your custom theme. Once you have restarted your server you will be able to select this new theme under the Admin Console->Application section and be on your way to theming your Alfresco Share.
Here are some examples
Appnovation osCaddie
PolluterWatch.org
**NOTES** - The themes directory is located at “{alfresco}/tomcat/webapps/share/themes/” . - The XML definition directory is located at “{alfresco}/tomcat/webapps/share/WEB-INF/classes/alfresco/site-data/themes” - You can also visit the Alfresco Wiki for more information at http://wiki.alfresco.com/wiki/Alfresco_Share If you have any questions or suggestions please do not hesitate to post a comment below. Thanks!
Share this Blog with colleagues
