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;
 }
 
 * {