diff --git a/app/styles/app.css b/app/styles/app.css
index 20f56a8..b34b6c2 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -11,6 +11,7 @@ body {
   margin: 0;
   font-family: 'Noto Serif', sans-serif;
   font-size: 16px;
+  color: #333;
 }
 
 #root,
@@ -96,7 +97,7 @@ body {
 .user-avatar-placeholder {
   width: 40px;
   height: 40px;
-  background: #333;
+  background: #2a3743;
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -192,7 +193,6 @@ body {
   bottom: 0;
   width: 300px;
   background: white;
-  color: #333;
   z-index: 3100; /* Higher than Header (3000) */
   box-shadow: 2px 0 5px rgb(0 0 0 / 10%);
   display: flex;
diff --git a/index.html b/index.html
index 3245cef..6eff6c7 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
     <!-- App identity -->
     <meta name="application-name" content="Marco">
     <meta name="apple-mobile-web-app-title" content="Marco">
-    <meta name="theme-color" content="#333333">
+    <meta name="theme-color" content="#2a3743">
 
     <!-- PWA Manifest -->
     <link rel="manifest" href="/web-app-manifest.json">
diff --git a/public/web-app-manifest.json b/public/web-app-manifest.json
index 44c5fdc..4c525aa 100644
--- a/public/web-app-manifest.json
+++ b/public/web-app-manifest.json
@@ -6,7 +6,7 @@
   "scope": "/",
   "display": "standalone",
   "background_color": "#f8f9fa",
-  "theme_color": "#333333",
+  "theme_color": "#2a3743",
   "icons": [
     {
       "src": "/icons/icon-192.png",