Might need higher contrast in the code icon

[live627]

I find myself always doing a double take when going for the code button. I would accidentally click the quote icon (it is adjacent).

For reference, the editor we were using before we discarded it in favor of sceditor had different icons that were more visually unique.

The current buttons

The same iconset has a similar icon with higher contrast

https://iconarchive.com/show/silk-icons-by-famfamfam/page-white-code-icon.html

Additionally, the Fugue icons has a good one (monochrome may be better for accessibility from color-blind people)

https://iconarchive.com/show/fugue-icons-by-yusuke-kamiyamane/edit-code-icon.html

[samclarke]

Those icons are the famfamfam silk icons. If the code icon is changed, it would need to be the white icon or a custom icon otherwise we would need to look into adding attribution.

The famfamfam icons are not ideal. They were great back when the editor was created, but they lack retina support or other sizes. Someone did start making a retina version a while ago, but it was incomplete the last time I checked.

If SVGs are OK, using material or monocon icons would likely be better. They scale and are included inline so the colour can be changed with CSS if desired. They're also single colour (unless changed with CSS) so shouldn't have any colourblind accessibility issues.

Material:

Monocons:

[samclarke]

Found the retina version, sadly it's still incomplete.