| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta name="color-scheme" content="light dark"> |
| <script> |
| testRunner.waitUntilDone(); |
| </script> |
| <script src='../../../../fast/forms/resources/picker-common.js'></script> |
| </head> |
| <body> |
| <input type='color' id='color' value='#ff0000' list='many'> |
| <datalist id='many'> |
| <option>#000000</option> |
| <option>#070707</option> |
| <option>#0e0e0e</option> |
| <option>#151515</option> |
| <option>#1d1d1d</option> |
| <option>#242424</option> |
| <option>#2b2b2b</option> |
| <option>#333333</option> |
| <option>#3a3a3a</option> |
| <option>#414141</option> |
| <option>#484848</option> |
| <option>#505050</option> |
| <option>#575757</option> |
| <option>#5e5e5e</option> |
| <option>#666666</option> |
| <option>#6d6d6d</option> |
| <option>#747474</option> |
| <option>#7b7b7b</option> |
| <option>#838383</option> |
| <option>#8a8a8a</option> |
| <option>#919191</option> |
| <option>#999999</option> |
| <option>#a0a0a0</option> |
| <option>#a7a7a7</option> |
| <option>#aeaeae</option> |
| <option>#b6b6b6</option> |
| <option>#bdbdbd</option> |
| <option>#c4c4c4</option> |
| <option>#cccccc</option> |
| <option>#d3d3d3</option> |
| <option>#dadada</option> |
| <option>#e1e1e1</option> |
| <option>#e9e9e9</option> |
| <option>#f0f0f0</option> |
| <option>#f7f7f7</option> |
| <option>#ffffff</option> |
| </datalist> |
| <script> |
| openPickerAppearanceOnly(document.getElementById('color'), () => testRunner.notifyDone()); |
| </script> |
| </body> |
| </html> |