diff --git a/apps/common/mobile/resources/css/skeleton.css b/apps/common/mobile/resources/css/skeleton.css
index 0ac99096e..249697e9b 100644
--- a/apps/common/mobile/resources/css/skeleton.css
+++ b/apps/common/mobile/resources/css/skeleton.css
@@ -116,3 +116,27 @@ body.theme-type-dark {
50% { opacity:1; }
100% { opacity:0.1; }
}
+
+.navbar.navbar-with-logo {
+ height: 34px;
+}
+
+:root .theme-type-dark {
+ --f7-navbar-bg-color: #232323;
+ --f7-subnavbar-bg-color: #232323;
+}
+
+.md .word-editor {
+ --f7-navbar-bg-color: var(--background-navbar-word, #446995);
+ --f7-subnavbar-bg-color: var(--background-navbar-word, #446995);
+}
+
+.md .cell-editor {
+ --f7-navbar-bg-color: var(--background-navbar-word, #40865c);
+ --f7-subnavbar-bg-color: var(--background-navbar-word, #40865c);
+}
+
+.md .slide-editor {
+ --f7-navbar-bg-color: var(--background-navbar-word, #aa5252);
+ --f7-subnavbar-bg-color: var(--background-navbar-word, #aa5252);
+}
\ No newline at end of file
diff --git a/apps/common/mobile/utils/htmlutils.js b/apps/common/mobile/utils/htmlutils.js
index 5bbfd0de1..91b624ba3 100644
--- a/apps/common/mobile/utils/htmlutils.js
+++ b/apps/common/mobile/utils/htmlutils.js
@@ -22,4 +22,4 @@ if ( !obj ) {
localStorage && localStorage.setItem("mobile-ui-theme", JSON.stringify(obj));
}
-document.body.classList.add(`theme-type-${obj.type}`);
+document.body.classList.add(`theme-type-${obj.type}`, `${window.editor}-editor`);
diff --git a/apps/documenteditor/mobile/src/index_dev.html b/apps/documenteditor/mobile/src/index_dev.html
index 939932bab..be1a10d0a 100644
--- a/apps/documenteditor/mobile/src/index_dev.html
+++ b/apps/documenteditor/mobile/src/index_dev.html
@@ -25,6 +25,7 @@
<% if ( htmlWebpackPlugin.options.skeleton.htmlscript ) { %>
<% } %>
diff --git a/apps/presentationeditor/mobile/src/index_dev.html b/apps/presentationeditor/mobile/src/index_dev.html
index 631114ced..45e59a0e6 100644
--- a/apps/presentationeditor/mobile/src/index_dev.html
+++ b/apps/presentationeditor/mobile/src/index_dev.html
@@ -26,6 +26,7 @@
<% if ( htmlWebpackPlugin.options.skeleton.htmlscript ) { %>
<% } %>
diff --git a/apps/spreadsheeteditor/mobile/src/index_dev.html b/apps/spreadsheeteditor/mobile/src/index_dev.html
index b9b13f4c9..65edaff05 100644
--- a/apps/spreadsheeteditor/mobile/src/index_dev.html
+++ b/apps/spreadsheeteditor/mobile/src/index_dev.html
@@ -26,6 +26,7 @@
<% if ( htmlWebpackPlugin.options.skeleton.htmlscript ) { %>
<% } %>