Is it possible to create a color code HTML table and use it as a background layer on top of column picker?

Purpose: we want to overlay this alternating color code table on top of column picker by using BAC standard colors and making it easier for our users to differentiate which column pickers to pick?

If anyone can provide any feedback or have any experience in doing this, would really appreciate if you can share.

Example: check attachment

The picker object is transparent, so if you use absolute positioning, you can just create your HTML manually and place the pickers on top.

this is exactly I am looking to do. Can you share the code please?

Want to understand which tags you used and how you did?

It looks like I didn't save it after the screenshot, but it was something like the below:

<div style="float:left;background-color:red;width:150px;height:100px;"></div>

<div style="float:left;background-color:gray;width:150px;height:100px;"></div>

<div style="float:left;background-color:green;width:150px;height:100px;"></div>

That only works for one row, but if you do a "float:clear" (or something like that) you can start a new row.

This is great learning!

@Tony Agent Thanks so much! really appreciate your help

So this is how I used it, works fine.

But is there any way we can update font color on the column picker? Do we have any control?