diff --git a/index.html b/index.html
index 3aee0f8d..4232d93a 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <meta name="theme-color" content="#4696e5">
+    <meta name="theme-color" content="#2078CF" media="(prefers-color-scheme: light)">
+    <meta name="theme-color" content="#0B2D4E" media="(prefers-color-scheme: dark)">
 
     <!--
       manifest.json provides metadata used when your web app is added to the
diff --git a/manifest.ts b/manifest.ts
index d4da9457..cf6ba7eb 100644
--- a/manifest.ts
+++ b/manifest.ts
@@ -6,8 +6,8 @@ export const manifest: Partial<ManifestOptions> = {
   name: 'Shlink Web Client',
   start_url: '/',
   display: 'standalone',
-  theme_color: BRAND_COLOR_LM,
-  background_color: BRAND_COLOR_LM,
+  theme_color: BRAND_COLOR_LM, // Toolbar color
+  background_color: BRAND_COLOR_LM, // Splash screen background color
   icons: [
     {
       src: './icons/icon-16x16.png',
