From 02df23c324e8e9905b5c278e6cb6e546106a28fb Mon Sep 17 00:00:00 2001
From: Aminda Suomalainen <suomalainen@aminda.eu>
Date: Sat, 29 Mar 2025 09:45:50 +0200
Subject: [PATCH] add meta names for colour and theme

---
 _includes/head.html | 3 +++
 assets/main.scss    | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/_includes/head.html b/_includes/head.html
index b919006..559016e 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -24,6 +24,9 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
   <meta http-equiv="x-dns-prefetch-control" content="off">
+  <meta name="color-scheme" content="dark light">
+  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#ffb700">
+  <meta name="theme-color" media="(prefers-color-scheme: light)" content="#fdfdfd">
   <link rel="stylesheet prefetch" href="{{ "/assets/main.css" | relative_url }}">
   <link rel="icon prefetch" href="{{site.icon}}">
   <link rel="me prefetch" href="{{ site.url }}">
diff --git a/assets/main.scss b/assets/main.scss
index 145dae0..dfd571a 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -21,7 +21,7 @@ $base-font-family: $serif-font-family;
 @import "{{ site.theme }}";
 
 :root {
-  color-scheme: light dark !important;
+  color-scheme: dark light !important;
 }
 
 * {