Dark mode for PostgraphiQL

postgraphiql.ts

const graphiqlBrandingTweak = {
  ["postgraphile:graphiql:html"](html: string) {
    console.log("Applying GraphiQL Branding Tweak...");
    return html.replace(
      "</head>",
      `<style type="text/css">
        @media (prefers-color-scheme: dark) {
          html {
            filter: invert(1) hue-rotate(180deg);
          }

          html img,
          picture,
          video{
              filter: invert(1) hue-rotate(180deg);
          }
        }
        </style>
        </head>`
    );
  },
};

How to use this: https://www.graphile.org/postgraphile/plugins/#inline-tweaks-via-pluginhook