this should literally work but it's not

appview/pages/templates/repo/issues/issue.html

···
         </div>
 
         {{ if .Issue.Body }}
-            <article id="body" class="mt-8 prose dark:text-white">
+            <article id="body" class="mt-8 prose dark:prose-invert">
                 {{ .Issue.Body | markdown }}
             </article>
         {{ end }}
···
                         {{ .Created | timeFmt }}
                     </a>
                 </div>
-                <div class="prose dark:text-white">
+                <div class="prose dark:prose-invert">
                     {{ .Body | markdown }}
                 </div>
             </div>

tailwind.config.js

···
 /** @type {import('tailwindcss').Config} */
-const colors = require('tailwindcss/colors')
+const colors = require("tailwindcss/colors");
 
 module.exports = {
 	content: ["./appview/pages/templates/**/*.html"],
+	darkMode: "media",
 	theme: {
 		container: {
 			padding: "2rem",
···
 				mono: ["iA Writer Mono S", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"],
 			},
 			typography: {
+				dark: {
+					css: {
+						maxWidth: 'none',
+						pre: {
+							backgroundColor: colors.gray[900],
+							color: colors.white,
+						},
+					},
+				},
 				DEFAULT: {
 					css: {
 						maxWidth: 'none',