diff --git a/src/targets/browser/index.ejs b/src/targets/browser/index.ejs
index 41ed7c3d069e0d45ec567d624d886ecdb79c1b90..3f5bf59a4e99894939c462c357c162ffc64e53de 100644
--- a/src/targets/browser/index.ejs
+++ b/src/targets/browser/index.ejs
@@ -18,6 +18,9 @@
     <meta name="apple-mobile-web-app-title" content="Ecolyo">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <!-- PWA Colors -->
+    <meta name="theme-color" content="#343641" />
+    <meta name="background-color" content="#121212" />
 
     <% _.forEach(htmlWebpackPlugin.files.css, function(file) { %>
         <link rel="stylesheet" href="<%- file %>">
diff --git a/src/targets/vendor/assets/manifest.json b/src/targets/vendor/assets/manifest.json
index cca769799afc6721d6167d0c680f601682457add..710192639b30da96b97d33800979c36ea168c2da 100644
--- a/src/targets/vendor/assets/manifest.json
+++ b/src/targets/vendor/assets/manifest.json
@@ -14,8 +14,8 @@
       "type": "image/png"
     }
   ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
+  "theme_color": "#343641",
+  "background_color": "#121212",
   "display": "standalone",
   "orientation": "portrait-primary"
 }