Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation"

From Libopedia
Jump to navigation Jump to search
m
Line 2: Line 2:
 
  '''[[SUNScholar/XMLUI_Theme/M2|Back to Mirage 2 Theme]]'''
 
  '''[[SUNScholar/XMLUI_Theme/M2|Back to Mirage 2 Theme]]'''
 
</center>
 
</center>
 
===Help Links===
 
*[[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.]
 
*[http://getbootstrap.com/customize/?id=915b32a8cbe419adfa1f Use the custom Maties theme as a bootstrap template.]
 
*[http://www.lavishbootstrap.com/ Create a custom color scheme]
 
  
 
===Multiple themes===
 
===Multiple themes===
Line 31: Line 25:
  
 
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>
 +
 +
===Help Links===
 +
*[[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.]
 +
*[http://getbootstrap.com/customize/?id=915b32a8cbe419adfa1f Use the custom Maties theme as a bootstrap template.]
 +
*[http://www.lavishbootstrap.com/ Create a custom color scheme]

Revision as of 14:30, 14 January 2015

Back to Mirage 2 Theme

Multiple themes

Any folder you create in:

/home/dspace/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>

Help Links