Replace walkthrough screenshots with SVGs

[lszomoru]

Testing #16796
Run and debug screenshot does not honour the current theme:

[luabud]

@digitarald Do you know if we can we define different markdown files per theme? Or have some custom logic in the markdown file to display a different image depending on the theme?

[JacksonKearl]

The best solution is using SVG's with color variables to adjust to the specific theme. Absent that, we don't currently have a way to swap out markdown images based on theme. While we support it for plain images, it tends to increase development and maintenance burden (you need to create and update three different images per step), with less impact than the SVGs as there's still only light/dark to pick from rather than theme specific coloring. If you think it's important I can look into a way to select images based on color.

[brettcannon]

I think this can be considered a rough edge for now until we get time to request SVGs be made for us.

[lychung7]

media.zip

@luabud I've attached the three SVGs for Select a Python Interpreter, Run and Debug, and Learn More!

[luabud]

@lydiayschung thank you so much Lydia!!! 🤩

[luabud]

Closing as now our walkthrough has SVGs that honor the theme.