diff --git a/apps/common/main/lib/controller/Desktop.js b/apps/common/main/lib/controller/Desktop.js
index 4da882dec0..fa07ce6aa3 100644
--- a/apps/common/main/lib/controller/Desktop.js
+++ b/apps/common/main/lib/controller/Desktop.js
@@ -53,7 +53,21 @@ define([
                     Common.NotificationCenter.on('app:ready', function (opts) {
                         _.extend(config, opts);
                         !!app && app.execCommand('doc:onready', '');
+
+                        $('.toolbar').addClass('editor-native-color');
                     });
+
+                    app.on_native_message = function (cmd, param) {
+                        if (/^style:change/.test(cmd)) {
+                            var obj = JSON.parse(param);
+
+                            if ( obj.element == 'toolbar' ) {
+                                if ( obj.action == 'off' && obj.style == 'native-color' ) {
+                                    $('.toolbar').removeClass('editor-native-color');
+                                }
+                            }
+                        }
+                    }
                 }
             },
             process: function (opts) {
diff --git a/apps/common/main/resources/less/toolbar.less b/apps/common/main/resources/less/toolbar.less
index 2b065f2bae..ab772349e9 100644
--- a/apps/common/main/resources/less/toolbar.less
+++ b/apps/common/main/resources/less/toolbar.less
@@ -374,6 +374,12 @@
         #rib-doc-name {
             color: @gray-deep;
         }
+
+        &.editor-native-color {
+            .tabs li:after {
+                border-color: @tabs-bg-color;
+            }
+        }
     }
 
     &.style-skip-docname .toolbar {