Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation/Multiple Themes"
Jump to navigation
Jump to search
m |
m |
||
| Line 2: | Line 2: | ||
'''[[SUNScholar/XMLUI_Theme/M2/Customisation|Back to Mirage 2 Customisation]]''' | '''[[SUNScholar/XMLUI_Theme/M2/Customisation|Back to Mirage 2 Customisation]]''' | ||
</center> | </center> | ||
| + | ==Introduction== | ||
Any folder you create in the following folder will be interpreted as a Mirage2 based theme: | 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 | $HOME/{{Source}}/dspace/modules/xmlui-mirage2/src/main/webapp/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> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
$brand-primary: #76273c; | $brand-primary: #76273c; | ||
$brand-warning: #ff7f00; | $brand-warning: #ff7f00; | ||
| + | </pre> | ||
Revision as of 15:26, 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
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;