diff --git a/src/theme/book.js b/src/theme/book.js
index 01cccb2a..cfacb88a 100644
--- a/src/theme/book.js
+++ b/src/theme/book.js
@@ -161,6 +161,10 @@ $( document ).ready(function() {
             ace_theme = "ace/theme/dawn";
         }
 
+        setTimeout(function() {
+            document.querySelector('meta[name="theme-color"]').content = getComputedStyle(document.body).backgroundColor;
+        }, 1);
+
         if (window.ace && window.editors) {
             window.editors.forEach(function(editor) {
                 editor.setTheme(ace_theme);
diff --git a/src/theme/index.hbs b/src/theme/index.hbs
index 634bf9a0..c5db607c 100644
--- a/src/theme/index.hbs
+++ b/src/theme/index.hbs
@@ -6,6 +6,7 @@
         <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
         <meta name="description" content="{{ description }}">
         <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="theme-color" content="#ffffff" />
 
         <base href="{{ path_to_root }}">