feat: add dark theme support

drawbu · drawbu · commit d47aaac88aa8 · 2025-07-24T08:29:29.000+02:00
diff --git a/pkg/app/template.templ b/pkg/app/template.templ
@@ -23,7 +23,11 @@ templ (app *Server) Template(body templ.Component) {
 			/>
 			@dev.Header
 		</head>
-		<body class="mx-auto max-w-xl lg:max-w-4xl flex flex-col gap-8 py-4 px-4" hx-ext="preload" hx-boost="true">
+		<body
+			class="mx-auto max-w-xl lg:max-w-4xl flex flex-col gap-8 py-4 px-4 dark:bg-gray-800 dark:text-white"
+			hx-ext="preload"
+			hx-boost="true"
+		>
 			<header class="flex flex-wrap gap-2">
 				<a href="/">~</a>
 				<a href="/blog">blog</a>
diff --git a/static/style.css b/static/style.css
@@ -58,7 +58,7 @@ ul {
 }
 
 #article p > code {
-    @apply bg-gray-200 px-1
+    @apply bg-gray-200 px-1 dark:text-gray-800
 }
 
 #article blockquote > p {

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ ul {`
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`#article p > code {`
`61`		`- @apply bg-gray-200 px-1`
	`61`	`+ @apply bg-gray-200 px-1 dark:text-gray-800`
`62`	`62`	`}`
`63`	`63`
`64`	`64`	`#article blockquote > p {`