Infinite Campus Color Coded Classes by panderson

/* ==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 */
}


}