Alfresco Share custom themes
Want to know how to create your own custom Alfresco Share theme ?
Follow this guide:
Copy an existing themes folder & files, such as /Share/themes/greenTheme
to /Share/themes/YOUR_THEME
Copy /share/WEB-INF/classes/alfresco/site-data/themes/default.xml
to /share/WEB-INF/classes/alfresco/site-data/themes/YOUR_THEME.xml
Edit YOUR_THEME.xml
Change where it mentions ‘Default Blue’ to a title of your choosing, change ‘
theme.default
‘ to ‘theme.YOUR_THEME
‘.
Edit /YOUR_THEME/presentation.css
Change all occurrences of ‘greenTheme
‘ :
.yui-skin-greenTheme
for
.yui-skin-YOUR_THEME
Edit /YOUR_THEME/yui/assets/skin.css
Change all occurrences of ‘greenTheme
‘ :
.yui-skin-greenTheme
for
.yui-skin-YOUR_THEME
The above 2 steps can be easily done using a find and replace function in any text editor.
Now select your new theme within Share under the Admin Console.
Now edit the .css files and images to your hearts content, refreshing the browser to see your changes.
Lovely!