Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation/Multiple Themes"
Jump to navigation
Jump to search
| Line 14: | Line 14: | ||
==Step 2 - Create files== | ==Step 2 - Create files== | ||
| + | Now we have the style folders, the next step is to create the style file in styles folder. | ||
| + | Type the following; | ||
| + | |||
| + | cd themes | ||
This means that if I create two folders called 'Red' and 'Green' in that directory, and create the file '''styles/_style.scss''' in both folders with the contents respectively and run mvn package -Dmirage2.on=true, two themes will be created called 'Red' and 'Green', with the only difference being the background color of <body> | This means that if I create two folders called 'Red' and 'Green' in that directory, and create the file '''styles/_style.scss''' in both folders with the contents respectively and run mvn package -Dmirage2.on=true, two themes will be created called 'Red' and 'Green', with the only difference being the background color of <body> | ||
<pre> | <pre> | ||
Revision as of 15:51, 27 June 2015
Back to Mirage 2 Customisation
Introduction
Any folder you create in the following folder will be interpreted as a Mirage2 based theme:
$HOME/source/dspace/modules/xmlui-mirage2/src/main/webapp/themes
Step 1 - Create folders
We have ten top level communities as faculties, therefore we need to create ten distinct themes, one per faculty.
Type the following;
cd $HOME/source/dspace/modules/xmlui-mirage2/src/main/webapp
mkdir -p themes/{01/styles,02/styles,03/styles,04/styles,05/styles,06/styles,07/styles,08/styles,09/styles,10/styles}
Step 2 - Create files
Now we have the style folders, the next step is to create the style file in styles folder.
Type the following;
cd themes
This means that if I create two folders called 'Red' and 'Green' in that directory, and create the file styles/_style.scss in both folders with the contents respectively and run mvn package -Dmirage2.on=true, two themes will be created called 'Red' and 'Green', with the only difference being the background color of <body>
$brand-primary: #76273c; $brand-warning: #ff7f00;
