diff --git a/f7_info.md b/f7_info.md
index 519f34c..328ab74 100644
--- a/f7_info.md
+++ b/f7_info.md
@@ -32,7 +32,7 @@ Framework7 app created with following options:
   },
   "theming": {
     "customColor": true,
-    "color": "#002f65",
+    "color": "#0f206c",
     "darkMode": false,
     "iconFonts": true
   },
diff --git a/src/components/app.vue b/src/components/app.vue
index 403a86d..f0c323a 100644
--- a/src/components/app.vue
+++ b/src/components/app.vue
@@ -137,7 +137,7 @@
         theme: 'auto', // Automatic theme detection
         darkMode: darkTheme,
         colors: {
-          primary: '#002f65',
+          primary: '#0f206c',
         },
 
         // App routes
diff --git a/src/css/app.css b/src/css/app.css
index 1ae3edf..bced6ec 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -8,6 +8,7 @@ html {
   --avn-theme-color: #0f206c;
   --avn-button-bg-color: #d9d8d6;
   --avn-structure-box-color: yellow;
+  --f7-theme-color: var(--avn-theme-color) !important;
 }
 
 .dark {