diff --git a/appview/pages/templates/repo/issues/issue.html b/appview/pages/templates/repo/issues/issue.html
index 7998981b..455a2faf 100644
--- a/appview/pages/templates/repo/issues/issue.html
+++ b/appview/pages/templates/repo/issues/issue.html
@@ -36,7 +36,7 @@
         </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 }}
@@ -76,7 +76,7 @@
                         {{ .Created | timeFmt }}
                     </a>
                 </div>
-                <div class="prose dark:text-white">
+                <div class="prose dark:prose-invert">
                     {{ .Body | markdown }}
                 </div>
             </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 56f3cc28..a79ad299 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,8 +1,9 @@
 /** @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",
@@ -21,6 +22,15 @@ module.exports = {
 				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',