Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation"
Jump to navigation
Jump to search
m |
m |
||
| Line 3: | Line 3: | ||
</center> | </center> | ||
| − | ===Links=== | + | ===Help Links=== |
*[[SUNScholar/Bootstrap Framework|Read about the bootstrap HTML5 and CSS3 framework]] | *[[SUNScholar/Bootstrap Framework|Read about the bootstrap HTML5 and CSS3 framework]] | ||
*[https://github.com/DSpace/DSpace/tree/master/dspace-xmlui-mirage2 Read about Mirage 2 theme customisation on github.] | *[https://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://www.lavishbootstrap.com/ Create a custom color scheme] | *[http://www.lavishbootstrap.com/ Create a custom color scheme] | ||
| + | |||
| + | ===Multiple themes=== | ||
| + | Any folder you create in /home/dspace/src/dspace/modules/xmlui-mirage2/src/main/webapp/themes will be interpreted as a Mirage2 based theme. 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 | ||
| + | |||
| + | <pre> | ||
| + | body { | ||
| + | background-color: red; | ||
| + | } | ||
| + | </pre> | ||
| + | and | ||
| + | <pre> | ||
| + | body { | ||
| + | background-color: green; | ||
| + | } | ||
| + | </pre> | ||
| + | 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> | ||
Revision as of 14:36, 6 January 2015
Back to Mirage 2 Theme
Help Links
- Read about the bootstrap HTML5 and CSS3 framework
- Read about Mirage 2 theme customisation on github.
- Use the custom Maties theme as a bootstrap template.
- Create a custom color scheme
Multiple themes
Any folder you create in /home/dspace/src/dspace/modules/xmlui-mirage2/src/main/webapp/themes will be interpreted as a Mirage2 based theme. 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
body {
background-color: red;
}
and
body {
background-color: green;
}
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>
