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

From Libopedia
Jump to navigation Jump to search
Line 16: Line 16:
 
* Colours CSS
 
* Colours CSS
 
**/
 
**/
 +
 +
$brand-primary:          #76273c;
 +
$brand-success:          #5cb85c;
 +
$brand-info:            #5bc0de;
 +
$brand-warning:          #f0ad4e;
 +
$brand-danger:          #d9534f;
  
 
$gray-base:              #000;
 
$gray-base:              #000;
Line 23: Line 29:
 
$gray-light:            #777;
 
$gray-light:            #777;
 
$gray-lighter:          #eee;
 
$gray-lighter:          #eee;
 
$brand-primary:          #76273c;
 
$brand-success:          #5cb85c;
 
$brand-info:            #5bc0de;
 
$brand-warning:          #f0ad4e;
 
$brand-danger:          #d9534f;
 
 
 
</pre>
 
</pre>
 
Adjust the settings to suit your institution.
 
Adjust the settings to suit your institution.

Revision as of 07:20, 7 June 2015

Back to Mirage 2 Customisation

Introduction

This wiki page helps to setup the default colours for the web site.

Step 1 - Review palette preferences

See: http://wiki.lib.sun.ac.za/index.php/SUNScholar/Theme/Color_Palette

Step 2 - Define colours CSS

Type the following:

 nano $HOME/source/dspace-xmlui-mirage2/src/main/webapp/styles/classic_mirage_color_scheme/_bootstrap_variables.scss

Go to the bottom of the file and add the following:

/**
* Colours CSS
**/

$brand-primary:          #76273c;
$brand-success:          #5cb85c;
$brand-info:             #5bc0de;
$brand-warning:          #f0ad4e;
$brand-danger:           #d9534f;

$gray-base:              #000;
$gray-darker:            #222;
$gray-dark:              #333;
$gray:                   #555;
$gray-light:             #777;
$gray-lighter:           #eee;

Adjust the settings to suit your institution.