diff --git a/lib/styles/colors.dart b/lib/styles/colors.dart
index accf9e63..6501f8b6 100644
--- a/lib/styles/colors.dart
+++ b/lib/styles/colors.dart
@@ -13,6 +13,9 @@ class AppColors {
   final Color greyStrong = const Color(0xFF272625);
   final Color greyMedium = const Color(0xFF9D9995);
   final Color white = Colors.white;
+  // NOTE: If this color is changed, also change it in
+  // - web/manifest.json
+  // - web/index.html -
   final Color black = const Color(0xFF1E1B18);
 
   final bool isDark = false;
diff --git a/web/index.html b/web/index.html
index e63f0f0a..da4a11ec 100644
--- a/web/index.html
+++ b/web/index.html
@@ -35,6 +35,7 @@
   <script src="flutter.js" defer=""></script>
   
   
+  <meta id="flutterweb-theme" name="theme-color" content="#1e1b18">
   <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
   
   
diff --git a/web/manifest.json b/web/manifest.json
index df44ce20..c7dd1164 100644
--- a/web/manifest.json
+++ b/web/manifest.json
@@ -3,8 +3,8 @@
     "short_name": "Wonderous",
     "start_url": ".",
     "display": "standalone",
-    "background_color": "#0175C2",
-    "theme_color": "#0175C2",
+    "background_color": "#1e1b18",
+    "theme_color": "#1e1b18",
     "description": "Navigate the intersection of history, art, and culture. Be educated and entertained as your learn about world-famous structures.",
     "orientation": "portrait-primary",
     "prefer_related_applications": false,