List of colors in lightbox

I want to display a lightbox that has a select element to choose colors.
scheduler.config.lightbox.sections =[
{ name:“title”, height:50, map_to:“text”, type:“textarea”, focus:true },
{ name:“description”, height:50, map_to:“details”, type:“textarea” },
{ name:“category”, height:20, map_to:“category”, type:“textarea” },
{ name:“sub”, height:20, map_to:“subCategory”, type:“textarea” },
{ name:“color”, height:20, map_to:“type”, type:“select”, options:test },
{ name:“recurring”, type:“recurring”, map_to:“rec_type”, button:“recurring”},
{ name:“time”, height:72, type:“calendar_time”, map_to:“auto” }

The “test” element that will be used above is

<select name="color" id="colorList">
   			<option value="" label="Select" />
   			<option value="LightBlue" style="background-color: LightBlue;" label=""/>
   			<option value="Wheat" style="background-color: Wheat;" label=""/>
   			<option value="Salmon" style="background-color: Salmon;" label=""/>
   			<option value="IndianRed" style="background-color: IndianRed;" label=""/>
   			<option value="LightYellow" style="background-color: LightYellow;" label=""/>
   			<option value="silver" style="background-color: silver;" label=""/>
   			<option value="thistle" style="background-color: thistle;" label=""/>
   			<option value="tomato" style="background-color: tomato;" label=""/>

So how can I get a list like this to be displayed while creating an event?

I found the answer to this from the documentation. Turns out all I had to was add a custom section to my lightbox.