Consistent colours help us achieve a consistent EMBL-EBI "look". You can use a standard reday-made colour palette that we provide or some projects may want to use a custom palette.
We provide these basic colour palettes that will be of use for many projects:
You can call these colours directly with these colour and background-colour classes:
.ebi-background { background: rgb(0,124,130); } .services-background { background: rgb(2,100,105); } .research-background { background: rgb(168,200,19); } .training-background { background: rgb(233,180,0); } .industry-background { background: rgb(0,134,180); } .elixir-background { background: rgb(251,106,42); } .white-background { background: rgb(255,255,255); } .ebi-color { color: rgb(0,124,130); } .services-color { color: rgb(2,100,105); } .research-color { color: rgb(168,200,19); } .training-color { color: rgb(233,180,0); } .industry-color { color: rgb(0,134,180); } .elixir-color { color: rgb(251,106,42); } .white-color { color: rgb(255,255,255); }
Note: we recommend using the RGB values (support is near-universal. The alpha, RGBA mode, is available from IE 9.)
Individual service team websites can use their own colour palettes by supplying a CSS file.
A number of pre-made colour themese are available for use, and as a template to make your owm:
Advanced users can also build their own custom colours into the ebi-global.css
file by modifying _ebi_theme_settings.scss.