Adaptable theme navigation tab colour - text and tab colours

Adaptable theme navigation tab colour - text and tab colours

by Chris Phillips -
Number of replies: 3

Hi

Moodle version 3.5.14

Adaptable version 1.8.0.1

I am having trouble locating where the colours of text and tabs are located inside the adaptable theme!

My particular problem is that these colours in my install are both set to white (white text on a white tab!)

Print screen attached ... and example (core code) page with tabs on a Moodle site is ...

www.madeupsiteaddress.com/admin/roles/define.php?action=view&roleid=11 - although the number of roleid might vary in your system!

OR (on the Moodle demo site)

https://school.moodledemo.net/admin/roles/define.php?action=view&roleid=11 - login as "manager" and "moodle"


Can anyone point me to the

1. tab background colour

2. tab text colour

And - do those colour changes affect anything else?


Many thanks

Chris

Attachment TabColourCapture.PNG
Average of ratings: -
In reply to Chris Phillips

Re: Adaptable theme navigation tab colour - text and tab colours

by Chris Phillips -

Wondering if anyone had any insight as to how to change these tab colours?
Still cannot find the setting sad 

!!
Thanks

Average of ratings: -
In reply to Chris Phillips

Re: Adaptable theme navigation tab colour - text and tab colours

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Given the theme CSS:

.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    color: setting:maincolor;
}

.nav-tabs > li > a:hover {
    background-color: setting:maincolor !important;
    color: #fff !important;
    text-decoration: none;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: #fff !important;
    background-color: setting:maincolor;
    border-bottom-color: transparent;
    cursor: pointer;
}

.nav-tabs > .active > a:focus {
    color: setting:fontcolor !important;
}

Then the background and colour are set by the 'maincolor' setting with 'fontcolor' being used on an active state.  If this is problematic for you, then write your own custom CSS to override them.

Average of ratings: Useful (1)
In reply to Gareth J Barnard

Re: Adaptable theme navigation tab colour - text and tab colours

by Chris Phillips -
Thanks Gareth

I had hoped that it was possible using the web interface settings ... after all ... Adaptable seems to have color pickers to choose everything!

Custom css it had to be then!
Average of ratings: -