Optimized example display and updated docs

1. For most people who use the light theme, the light example screenshots may make it easier for them to understand what it looks like.
2. Even though people changed the theme to dark, the marketplace still displays light
3. Add clang-format annotations example
4. Fixed clang-tools image link
5. Removed docs/images/result.png which was not used

I want to display the image original size, so I used <a href="url"><img src="" height="" width="" ></a> instead of ![ ](), but it doesn't look like it's any different, so maybe I'll change it back again.

Welcome any suggestion of a better sample way of showing the action.