Adding or Modyfying the Eguru Site Color Schemes

Adding or Modyfying the Eguru Site Color Schemes

by Jonathan Harvey -
Number of replies: 1

Hi All,

I would like to either add an extra color scheme option, or modify one of the existing 'Site Color Scheme' options (theme_eguru | patternselect) as they're not quite the right color for me.


Is there a way to do this at all?  I am using Moodle 3.2.

Attachment colorscheme.png
Average of ratings: -
In reply to Jonathan Harvey

Re: Adding or Modyfying the Eguru Site Color Schemes

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

The easiest thing to do is select the colour that almost matches your site and then alter the eguru/style/color-scheme-1.css (or whatever color-scheme number you choose in the settings). There are four schemes and one default.

The color-scheme-1.css stylesheet looks like this: (see below) So it's just a matter of changing those color codes.

Here is a color picker to help you find the color code you want to change to:

http://www.w3schools.com/colors/colors_picker.asp

Hope this helps?

/*Core*/
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #20897b
}

a {
    color: #20897b
}
a:hover,
a:focus {
    color: #20897b
}
    /*Core > dropdown*/
.dropdown-menu {
    background: #4ba89c
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background: #20897b
}
Average of ratings: Useful (1)