Should we establish SVG guidelines?

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?