Skip to content

Infinite Campus Color Coded Classes by panderson

Screenshot of Infinite Campus Color Coded Classes

Details

Authorpanderson

License© 2024, Phil Anderson

CategoryInfinite Campus

Created

Updated

Size1.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Easily identify your classes in Infinite Campus dropdowns by adding color.

Notes

Recommended: Match the color to those in Google Classroom or other learning platform.

Source code

/* ==UserStyle==
@name         Google Classroom
@version      20240327.12.38
@namespace    https://userstyles.world/user/panderson
@description  Easily identify your classes in Infinite Campus dropdowns by adding color.
@author       panderson
@license      © 2024, Phil Anderson
==/UserStyle== */

@-moz-document domain("infinitecampus.org") {
option {
    font-size: 3em; /* Change this number to adjust the dropdown font size */
}
option[value="1"] {
	background-color: #9f33d9;
    color: white; /* Change to black if needed for visibility */
}
option[value="2"] {
	background-color: #16a831;
    color: white; /* Change to black if needed for visibility */
}
option[value="3"] {
	background-color: #d93688;
    color: white; /* Change to black if needed for visibility */
}
option[value="4"] {
	background-color: #4061d1;
    color: white; /* Change to black if needed for visibility */
}
option[value="5"] {
	background-color: #ffd676;
    color: black;  /* Change to white if needed for visibility */
}
option[value="6"] {
	background-color: #a4dda3;
    color: white; /* Change to black if needed for visibility */
}
option[value="7"] {
	background-color: #ecb9ea;
    color: white; /* Change to black if needed for visibility */
}
option[value="8"] {
	background-color: #b0f5e6;
    color: white; /* Change to black if needed for visibility */
}
option[value="9"] {
	background-color: #e28ca6;
    color: white; /* Change to black if needed for visibility */
}
option[value="10"] {
	background-color: #d9d133;
    color: black;  /* Change to white if needed for visibility */
}


}

Reviews

No reviews yet.