Moodle in English: Overwrite dimmed in Raw SCSS not working

Hi,

I'm using the Boost theme (2016120500) in Moodle 3.2.2. I tried changing the color of dimmed links by adding the following code to the Raw SCSS in the Boost theme advanced settings page:

a.dimmed,
a.dimmed:link,
a.dimmed:visited,
a.dimmed_text,
a.dimmed_text:link,
a.dimmed_text:visited,
.dimmed_text,
.dimmed_text a,
.dimmed_text a:link,
.dimmed_text a:visited,
.usersuspended,
.usersuspended a,
.usersuspended a:link,
.usersuspended a:visited,
.dimmed_category,
.dimmed_category a {
color: #EC7405;
}

It didn't do anything. I then went into the file moodle\theme\boost\scss\moodle\core.scss and found that code block (lines 61-78). There I replaced "@extend .text-muted;" with "color: #EC7405;" and it worked.

Any ideas why the SCSS override from the Moodle Admin site didn't work? It would be better to change it there, right?

Thanks,
Aaron

Average of ratings: -

Re: Overwrite dimmed in Raw SCSS not working

by Rajnish Rao - Thursday, 11 January 2018, 8:55 PM

Hi Aaron,

If you inspect source code, you will see that CSS written in Boost theme comes with "!important" and that's why your CSS is not overriding the previous one.

Just add as following: