I would like to add some SVG files to approaches and articles.
I also would like them to be as pretty as possible.
I could just make them black with a white background and be safe that they are somewhat readable.
I would prefer if they matched the selected Exercism CI.
What is the best practice to do that in the file?
Should I use certain names for the elements, so they can be changed via Java Script? Should I implement some logic in the file to change it based on other code?
My current approach is
@media (prefers-color-scheme: dark) {
<!-- overwrite previous values to look good in my dark env-->
}
But I guess that might not work with the dark theme implementation on exercism.
Any thoughts or practices that have worked in the past?