Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation"
Jump to navigation
Jump to search
m |
|||
| Line 10: | Line 10: | ||
===Multiple themes=== | ===Multiple themes=== | ||
| − | Any folder you create in /home/ | + | Any folder you create in: |
| + | /home/hgibson/DSpace/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> | <pre> | ||
| Line 17: | Line 21: | ||
} | } | ||
</pre> | </pre> | ||
| + | |||
and | and | ||
| + | |||
<pre> | <pre> | ||
body { | body { | ||
| Line 23: | Line 29: | ||
} | } | ||
</pre> | </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> | 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:38, 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/hgibson/DSpace/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>
