Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation"
Jump to navigation
Jump to search
m (→Requirements) |
m (→Help Links) |
||
| Line 29: | Line 29: | ||
*[http://github.com/DSpace/DSpace/tree/master/dspace-xmlui-mirage2 Read about Mirage 2 theme customisation on github.] | *[http://github.com/DSpace/DSpace/tree/master/dspace-xmlui-mirage2 Read about Mirage 2 theme customisation on github.] | ||
*[http://getbootstrap.com/customize/?id=915b32a8cbe419adfa1f Use the custom Maties theme as a bootstrap template.] | *[http://getbootstrap.com/customize/?id=915b32a8cbe419adfa1f Use the custom Maties theme as a bootstrap template.] | ||
| + | *http://gianthatworks.com/entry/bootstrap-for-designers | ||
Revision as of 13:26, 9 May 2015
Back to Mirage 2 Theme
Requirements
First click here to read about the Twitter Bootstrap HTML5 and CSS3 framework used by XMLUI Mirage 2.
Multiple themes
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>
body {
background-color: red;
}
and
body {
background-color: green;
}