From dc3c63243ccfc21375ec3da6d0b8a5ef60c126ea Mon Sep 17 00:00:00 2001
From: Bryce Kwon <bryce@brycekwon.com>
Date: Wed, 15 Jul 2026 09:40:23 -1000
Subject: Add viewport and color-scheme meta tags

Without a viewport meta, mobile browsers assume a desktop-width page
and scale it down, which is the root cause of content overflowing on
small screens.
---
 source/ui-shared.c | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/source/ui-shared.c b/source/ui-shared.c
index 69d2cdf..757e328 100644
--- a/source/ui-shared.c
+++ b/source/ui-shared.c
@@ -815,6 +815,11 @@ void cgit_print_docstart(void)
 	html(cgit_doctype);
 	html("<html lang='en'>\n");
 	html("<head>\n");
+	html("<meta charset='utf-8'/>\n");
+	html("<meta name='viewport' content='width=device-width, initial-scale=1'/>\n");
+	html("<meta name='color-scheme' content='light dark'/>\n");
+	html("<meta name='theme-color' media='(prefers-color-scheme: light)' content='#ffffff'/>\n");
+	html("<meta name='theme-color' media='(prefers-color-scheme: dark)' content='#1b1b1b'/>\n");
 	html("<title>");
 	html_txt(ctx.page.title);
 	html("</title>\n");
-- 
cgit v2.8.0