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

From Libopedia
Jump to navigation Jump to search
Line 24: Line 24:
 
Copy and paster the following into the file
 
Copy and paster the following into the file
 
<pre>
 
<pre>
 +
/**
 +
* Faculty branding
 +
**/
  
 
+
$brand-primary:          #76273c;
 +
$brand-warning:          #ff7f00;
 
</pre>
 
</pre>
Now we copy the template to the styles folders.
+
Now we copy the style template to each of the styles folders;
 
  cd themes
 
  cd themes
  
 
  for x in 01 02 03 04 05 06 07 08 09 10; do cp /tmp/_styles.scss $x/styles; done
 
  for x in 01 02 03 04 05 06 07 08 09 10; do cp /tmp/_styles.scss $x/styles; done
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>
 
$brand-primary:          #76273c;
 
$brand-warning:          #ff7f00;
 
</pre>
 

Revision as of 15:57, 27 June 2015

Back to Mirage 2 Customisation

Introduction

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

Step 1 - Create folders

We have ten top level communities as faculties, therefore we need to create ten distinct themes, one per faculty.

Type the following;

cd $HOME/source/dspace/modules/xmlui-mirage2/src/main/webapp
mkdir -p themes/{01/styles,02/styles,03/styles,04/styles,05/styles,06/styles,07/styles,08/styles,09/styles,10/styles}

Step 2 - Create files

Now we have the style folders, the next step is to create the style file in styles folder.

First, we create styles template file;

cd tmp
nano _styles.scss

Copy and paster the following into the file

/**
* Faculty branding
**/

$brand-primary:          #76273c;
$brand-warning:          #ff7f00;

Now we copy the style template to each of the styles folders;

cd themes
for x in 01 02 03 04 05 06 07 08 09 10; do cp /tmp/_styles.scss $x/styles; done