Custom field dropdown colors

[Brian]

Structure > Headers & Footers > Global Header

<script type="text/javascript">
// Custom field dropdown colors
$(document).ready(function(){ if(pb.data('route').name.match(/^edit_user/)) {
var cfcolors = {
// -- Start color definitions
// (custom field names must be all alphanumeric characters [lowercase a-z, 0-9, no spaces])
// (every line except for the last one should have a comma at the end)


dropdown: ['00af33','0000ff'],
whatevuh: ['333333','88cccc','ed45ed'],
heythere: ['3366aa']


// -- End color definitions
};
for(var c in cfcolors) {
$('.custom-field-'+c+' > select > option').each(function(x){
if(cfcolors[c][x])
$(this).css('color','#'+cfcolors[c][x]);
});}}});
</script>

The names in red are your dropdown custom field names. For example, if I have the custom fields Dropdown, Whatevuh!, and Hey there, I would take away any spaces or symbols in their names, convert them to lowercase, and list them one by one with a colon after each of their names.

dropdown:
whatevuh:
heythere:

Next I would add brackets after each of them. Inside those brackets, I would add a comma-separated list of the hex colors I want to use in the order of the menu items that show. Each hex color would be surrounded by apostrophes as well.

dropdown: ['00af33']
whatevuh: ['adeeb4','333333','0000ff']
heythere: ['123123','654654']

And finally, each line except for the last one would need a comma after it.

dropdown: ['00af33'],
whatevuh: ['adeeb4','333333','0000ff'],
heythere: ['123123','654654']