SUNScholar/XMLUI Theme/M2/Customisation/Palette

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

Introduction

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

Step 1 - Define colours CSS

Type the following:

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

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

$gray-base:              #000;
$gray-darker:            lighten(@gray-base, 13.5%); // #222
$gray-dark:              lighten(@gray-base, 20%);   // #333
$gray:                   lighten(@gray-base, 33.5%); // #555
$gray-light:             lighten(@gray-base, 46.7%); // #777
$gray-lighter:           lighten(@gray-base, 93.5%); // #eee

$brand-primary:          darken(#76273c, 6.5%); // #337ab7
$brand-success:          #5cb85c;
$brand-info:             #5bc0de;
$brand-warning:          #f0ad4e;
$brand-danger:           #d9534f;

References

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