Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation"
Jump to navigation
Jump to search
m (→Help Links) |
|||
| Line 37: | Line 37: | ||
===Help Links=== | ===Help Links=== | ||
| + | *https://github.com/DSpace/DSpace/tree/master/dspace-xmlui-mirage2#style | ||
| + | *https://wiki.duraspace.org/display/DSDOC5x/Mirage+2+Configuration+and+Customization | ||
*[[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.bootlint.com | *http://www.bootlint.com | ||
Revision as of 09:04, 20 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
Help Links
- https://github.com/DSpace/DSpace/tree/master/dspace-xmlui-mirage2#style
- https://wiki.duraspace.org/display/DSDOC5x/Mirage+2+Configuration+and+Customization
- 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.
- http://www.bootlint.com
