Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation/Palette"
Jump to navigation
Jump to search
m |
|||
| Line 9: | Line 9: | ||
nano $HOME/source/dspace-xmlui-mirage2/src/main/webapp/styles/_style.scss | nano $HOME/source/dspace-xmlui-mirage2/src/main/webapp/styles/_style.scss | ||
Go to the bottom of the file and add the following: | Go to the bottom of the file and add the following: | ||
| + | <pre> | ||
| + | $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; | ||
| + | </pre> | ||
===References=== | ===References=== | ||
See: http://wiki.lib.sun.ac.za/index.php/SUNScholar/Theme/Color_Palette | See: http://wiki.lib.sun.ac.za/index.php/SUNScholar/Theme/Color_Palette | ||
Revision as of 13:48, 26 May 2015
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
