diff --git a/apps/common/mobile/resources/less/common-ios.less b/apps/common/mobile/resources/less/common-ios.less
new file mode 100644
index 000000000..a6051277d
--- /dev/null
+++ b/apps/common/mobile/resources/less/common-ios.less
@@ -0,0 +1,4 @@
+
+.device-ios {
+
+}
diff --git a/apps/common/mobile/resources/less/common-material.less b/apps/common/mobile/resources/less/common-material.less
new file mode 100644
index 000000000..1464688bd
--- /dev/null
+++ b/apps/common/mobile/resources/less/common-material.less
@@ -0,0 +1,4 @@
+
+.device-android {
+
+}
diff --git a/apps/documenteditor/mobile/src/css/app-ios.less b/apps/documenteditor/mobile/src/css/app-ios.less
new file mode 100644
index 000000000..b34a43365
--- /dev/null
+++ b/apps/documenteditor/mobile/src/css/app-ios.less
@@ -0,0 +1,6 @@
+
+.device-ios {
+    .popover-inner {
+        //border-radius: var(--f7-popover-border-radius);
+    }
+}
diff --git a/apps/documenteditor/mobile/src/css/app-material.less b/apps/documenteditor/mobile/src/css/app-material.less
new file mode 100644
index 000000000..f83168105
--- /dev/null
+++ b/apps/documenteditor/mobile/src/css/app-material.less
@@ -0,0 +1,12 @@
+
+// Colors
+@themeColor: #446995; // (64,102,215)
+@themeColorLight: #a2bdde;
+@navBarIconColor: #fff;
+
+
+.device-android {
+    --f7-navbar-bg-color: @themeColor;
+    --f7-navbar-link-color: @navBarIconColor;
+    --f7-navbar-text-color: @navBarIconColor;
+}
\ No newline at end of file
diff --git a/apps/documenteditor/mobile/src/css/app.less b/apps/documenteditor/mobile/src/css/app.less
index 8b5f430b0..84e291b6c 100644
--- a/apps/documenteditor/mobile/src/css/app.less
+++ b/apps/documenteditor/mobile/src/css/app.less
@@ -1,5 +1,9 @@
 
 @import '../../../../common/mobile/resources/less/collaboration.less';
+@import '../../../../common/mobile/resources/less/common-ios.less';
+@import '../../../../common/mobile/resources/less/common-material.less';
+@import './app-material.less';
+@import './app-ios.less';
 
 /* Left Panel right border when it is visible by breakpoint */
 .panel-left.panel-in-breakpoint:before {
@@ -36,9 +40,3 @@
 :root {
     --f7-popover-width: 360px;
 }
-
-.ios {
-    .popover-inner {
-        //border-radius: var(--f7-popover-border-radius);
-    }
-}
\ No newline at end of file