From 58d922b06253367669e36acec01b08db7220aa96 Mon Sep 17 00:00:00 2001
From: emma <emma@tebibyte.media>
Date: Sun, 26 Apr 2026 14:23:48 -0600
Subject: [PATCH] mint.css: updates style to use dark theme if browser prefers

---
 assets/res/mint.css             | 32 ++++++++++++++++++--------------
 assets/templates/repo/base.html |  2 +-
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/assets/res/mint.css b/assets/res/mint.css
index 30e1370..2a68f81 100644
--- a/assets/res/mint.css
+++ b/assets/res/mint.css
@@ -1,15 +1,19 @@
-/* mint theme */
-:root {
-	--glass:             #EEEEEE77;
-	--background:        #EEE;
-	--control:           #FFF4;
-	--foreground:        #333;
-	--subtle-foreground: #888;
-	--outline:           #00000015;
-	--shine:             #00000015;
-	--accent:            #209D6E;
-	--subtle-accent:     #209D6E30;
-	--subtler-accent:    #209D6E12;
-	--shadow:            0 4px 32px #03281A12;
-	--icon-filter:       hue-rotate(157deg) saturate(0.80) brightness(1.3);
+@import url("/res/mint-dark.css") (prefers-color-scheme: dark);
+
+@media (prefers-color-scheme: light) {
+	/* mint theme */
+	:root {
+		--glass:             #EEEEEE77;
+		--background:        #EEE;
+		--control:           #FFF4;
+		--foreground:        #333;
+		--subtle-foreground: #888;
+		--outline:           #00000015;
+		--shine:             #00000015;
+		--accent:            #209D6E;
+		--subtle-accent:     #209D6E30;
+		--subtler-accent:    #209D6E12;
+		--shadow:            0 4px 32px #03281A12;
+		--icon-filter:       hue-rotate(157deg) saturate(0.80) brightness(1.3);
+	}
 }
diff --git a/assets/templates/repo/base.html b/assets/templates/repo/base.html
index 51fc90d..9f0569f 100644
--- a/assets/templates/repo/base.html
+++ b/assets/templates/repo/base.html
@@ -28,7 +28,7 @@
 	<meta content="width=device-width, initial-scale=1" name="viewport">
 	<meta charset="UTF-8">
 	<link rel="stylesheet" href="res/style.css">
-	<link rel="stylesheet" href="res/mint.css" title="Mint Light">
+	<link rel="stylesheet" href="res/mint.css" title="Mint">
 	<link rel="alternate stylesheet" href="res/mint-dark.css" title="Mint Dark">
 	<link rel="alternate stylesheet" href="res/arctica.css" title="Arctica">
 	<link rel="alternate stylesheet" href="res/martian.css" title="Martian">