Highlight.js [highlight.js][edit]

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/obsidian.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/shell.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/rust.min.js"></script>

<script>
  hljs.configure({ cssSelector: 'pre code[class^="language-"]' });
  hljs.highlightAll();
</script>

<style>
  pre {
    background-color: transparent;
  }

  .hljs {
    background-color: var(--background-color-code);
  }

  .hljs,
  .hljs-subst.hljs-class .hljs-title,
  .hljs-code,
  .hljs-section,
  .hljs-title.class_ {
    color: var(--text-color);
  }
</style>