+2
-2
appview/pages/templates/repo/issues/issue.html
+2
-2
appview/pages/templates/repo/issues/issue.html
···
36
36
</div>
37
37
38
38
{{ if .Issue.Body }}
39
-
<article id="body" class="mt-8 prose dark:text-white">
39
+
<article id="body" class="mt-8 prose dark:prose-invert">
40
40
{{ .Issue.Body | markdown }}
41
41
</article>
42
42
{{ end }}
···
76
76
{{ .Created | timeFmt }}
77
77
</a>
78
78
</div>
79
-
<div class="prose dark:text-white">
79
+
<div class="prose dark:prose-invert">
80
80
{{ .Body | markdown }}
81
81
</div>
82
82
</div>
+11
-1
tailwind.config.js
+11
-1
tailwind.config.js
···
1
1
/** @type {import('tailwindcss').Config} */
2
-
const colors = require('tailwindcss/colors')
2
+
const colors = require("tailwindcss/colors");
3
3
4
4
module.exports = {
5
5
content: ["./appview/pages/templates/**/*.html"],
6
+
darkMode: "media",
6
7
theme: {
7
8
container: {
8
9
padding: "2rem",
···
21
22
mono: ["iA Writer Mono S", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"],
22
23
},
23
24
typography: {
25
+
dark: {
26
+
css: {
27
+
maxWidth: 'none',
28
+
pre: {
29
+
backgroundColor: colors.gray[900],
30
+
color: colors.white,
31
+
},
32
+
},
33
+
},
24
34
DEFAULT: {
25
35
css: {
26
36
maxWidth: 'none',