Difference between revisions of "SUNScholar/XMLUI Theme/M1/Palette"

From Libopedia
Jump to navigation Jump to search
(Created page with "<center> '''Back to Mirage 1 Modification''' </center>")
 
 
(23 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
  '''[[SUNScholar/XMLUI_Theme/M1/Modify|Back to Mirage 1 Modification]]'''
 
  '''[[SUNScholar/XMLUI_Theme/M1/Modify|Back to Mirage 1 Modification]]'''
 
</center>
 
</center>
 +
 +
===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 - Change to theme folder===
 +
Type the following:
 +
cd $HOME/{{Source}}/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar
 +
 +
===Step 2 - Define colours CSS===
 +
At Stellenbosch University we use <tt>'''#76273C'''</tt> as our brand colour.
 +
 +
Therefore we change all the brand colours as follows by using <tt>'''sed'''</tt> to search and replace colour codes in all the CSS files.
 +
----
 +
Type the following for all major branding elements:
 +
sed -i 's/#1F3F5E/#76273C/g' lib/css/*.css
 +
 +
sed -i 's/#607890/#76273C/g' lib/css/*.css
 +
 +
sed -i 's/#6d859c/#76273C/g' lib/css/*.css
 +
----
 +
Type the following for the trail background:
 +
 +
sed -i 's/#b6c8d9/#CCC/g' lib/css/*.css
 +
 +
sed -i 's/#9cacba/#DDD/g' lib/css/*.css
 +
----
 +
Type the following for the options headings background:
 +
 +
sed -i 's/#f0f2f5/#CCC/g' lib/css/*.css
 +
 +
sed -i 's/#d8e8eb/#DDD/g' lib/css/*.css
 +
----
 +
Type the following for hovering over links:
 +
 +
sed -i 's/#036/#FF9900/g' lib/css/*.css
 +
===Step 3 - Rebuild DSpace===
 +
[[SUNScholar/Rebuild_DSpace|Rebuild DSpace]]
 +
[[Category:Customisation]]

Latest revision as of 13:08, 1 June 2016

Back to Mirage 1 Modification

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 - Change to theme folder

Type the following: 

cd $HOME/source/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar

Step 2 - Define colours CSS

At Stellenbosch University we use #76273C as our brand colour.

Therefore we change all the brand colours as follows by using sed to search and replace colour codes in all the CSS files.

Type the following for all major branding elements: 

sed -i 's/#1F3F5E/#76273C/g' lib/css/*.css

sed -i 's/#607890/#76273C/g' lib/css/*.css

sed -i 's/#6d859c/#76273C/g' lib/css/*.css

Type the following for the trail background: 

sed -i 's/#b6c8d9/#CCC/g' lib/css/*.css

sed -i 's/#9cacba/#DDD/g' lib/css/*.css

Type the following for the options headings background: 

sed -i 's/#f0f2f5/#CCC/g' lib/css/*.css

sed -i 's/#d8e8eb/#DDD/g' lib/css/*.css

Type the following for hovering over links: 

sed -i 's/#036/#FF9900/g' lib/css/*.css

Step 3 - Rebuild DSpace

Rebuild DSpace
Retrieved from "http://wiki.lib.sun.ac.za/index.php?title=SUNScholar/XMLUI_Theme/M1/Palette&oldid=42955"