Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation"
Jump to navigation
Jump to search
| Line 5: | Line 5: | ||
===Multiple themes=== | ===Multiple themes=== | ||
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/[[SUNScholar/Install_DSpace/S03|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> | ||
Revision as of 09:11, 18 February 2015
Back to Mirage 2 Theme
Contents
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;
}
Bootstrap Themes
Bootstrap Theme Generators
- http://designgeekz.com/15-best-bootstrap-tools-for-designers
- http://www.lavishbootstrap.com
- https://pikock.github.io/bootstrap-magic
- http://bootswatchr.com
Convert LESS to SCSS
- https://github.com/iki/bootstrap-switch-sass/blob/master/scripts/less2scss
- http://hallotheme.com/less2scss
- https://github.com/kalefranz/nikn/blob/master/less2scss
