How to enable dark mode for angular app?

[lucasrodrigues10]

I installed pretty-print-json package using NPM and added the this typescript and html code in my angular component:

const elem = document.getElementById("account");

if (!elem) {
  return;
}

const data = { active: true, mode: "🚃", codes: [48348, 28923, 39080], city: "London" };
elem.innerHTML = prettyPrintJson.toHtml(data, { quoteKeys: true });

<pre id="account" class="json-container dark-mode"></pre>

However I could not manage to make it work with dark mode.
The others configs are working as expected so far.

Can you guys help me, please? I think I'm missing a step.

[dpilafian]

Adding the class dark-mode to the container as you have done should be sufficient assuming the default CSS is loaded into the web page.

Is the pretty-print-json.css file correctly linked:
https://github.com/center-key/pretty-print-json/blob/main/dist/css/pretty-print-json.css