If you are using UniversitySite 7.5 or later, you may have noticed that we now use red highlighting to show when a filter is in effect, both in the Learning Center and in InstructorSite. By default it is a very bright red.
You can however with a little editing make it look like this.
Both the text color and the background color can be controlled by editing the following file on the web server:
D:\Inetpub\Sandbox\UniversitySite\ClientScripts\dropDownListHelpers.js
So in my yellow example above I changed mine from the default:
dropdownlist.options[selectedIndex].style.color = “white”;
dropdownlist.options[selectedIndex].style.backgroundColor = “red”;
To the new yellow look:
dropdownlist.options[selectedIndex].style.color = “Black”;
dropdownlist.options[selectedIndex].style.backgroundColor = “Yellow”;
If you need to have a very specific color or shade this javascript supports hex notations for colors.
Note: This file will be overwritten during upgrades to UniversitySite so you will need to either keep a copy or make your edits again after upgrading. This change will affect the filter display in the Learning Center as well as InstructorSite on the Catalog and Calendar.
Tags: color, filters, highlighting, tweaks
