SUNScholar/XMLUI Theme/M2/Customisation/Palette

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
Edit the following file: nano $HOME//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:         #60223b; $brand-warning:         #ff9b33; $brand-success:         #5cb85c; $brand-info:            #5bc0de; $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.

Step 3 - Define body background color CSS
Go to the bottom of the file and add the following: /** $body-bg:              $gray-lighter !default;
 * Body background CSS

Step 4 - Define anchor colours CSS
Go to the bottom of the file and add the following: /** $link-color:           $brand-primary; $link-hover-color:     $brand-warning; $link-hover-decoration: underline;
 * Links CSS

Step 5 - Define text colour CSS
Go to the bottom of the file and add the following: /** $text-color:           $gray-dark !default;
 * Text CSS