SUNScholar/XMLUI Theme/M2/Customisation

From Libopedia
Jump to navigation Jump to search
Back to Mirage 2 Theme

Introduction

These wiki pages will assist you in customising the Mirage 2 theme that was introduced with DSpace 5.X.

Please read the requirements first, to gain an understanding of the "bootstrap" framework, then proceed with the rest of the customisation.

This customisation is very basic and is intended for those who have basic web 2.0 design skills.

After you have completed your customisation, you will have to rebuild DSpace.

It is assumed that you installed DSpace according to: http://wiki.lib.sun.ac.za/index.php/SUNScholar/DSpace.

And it is assumed that the Mirage 2 theme was installed according to: http://wiki.lib.sun.ac.za/index.php/SUNScholar/XMLUI_Theme/M2.

  1. Requirements
  2. Introduction Text
  3. Institutional Branding
  4. Document Structure
  5. Banner Logo
  6. Palette (colours)
  7. Typography (fonts)
  8. Footer Design
  9. Multiple Themes

Tips

Live Webapp Quick Changes

Type the following:

cd $HOME/webapp/xmlui/themes/Mirage2
compass watch

Now using another login session, you can modify the SASS CSS stylesheets in the styles folder and the main CSS file will compile instantly.

This saves you from having to recompile the whole DSpace webapp just to see what effect a few SASS CSS changes will make.

Just remember to make the same changes to the source SASS CSS files.

Screenshot

1000px

Help Links