diff --git a/examples/app.js b/examples/app.js
index f7d274f42..5e11d183f 100644
--- a/examples/app.js
+++ b/examples/app.js
@@ -3,6 +3,7 @@ var main_container = document.getElementById('main_container');
 var links = {
     'index.html': 'All options',
     'arabic.lang.html': 'Arabic Language',
+    'custom-toolbar.html': 'Custom toolbar',
 };
 
 if (examples) {
diff --git a/examples/arabic.lang.html b/examples/arabic.lang.html
index 0e553cc73..070719f3f 100644
--- a/examples/arabic.lang.html
+++ b/examples/arabic.lang.html
@@ -16,6 +16,7 @@
     <nav>
         <ul class="container">
             <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
+            <li><a href="https://xdsoft.net/jodit/play/">Playground</a></li>
             <li><a href="https://xdsoft.net/jodit/docs/">Documentation</a></li>
             <li><a href="https://github.com/xdan/jodit/">Github</a></li>
             <li><a href="https://github.com/xdan/jodit/releases">Changelog</a></li>
@@ -49,6 +50,7 @@ <h3>JavaScript</h3>
     <nav>
         <ul class="container">
             <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
+            <li><a href="https://xdsoft.net/jodit/play/">Playground</a></li>
             <li><a href="https://xdsoft.net/jodit/docs/">Documentation</a></li>
             <li><a href="https://github.com/xdan/jodit/">Github</a></li>
             <li><a href="https://github.com/xdan/jodit/releases">Changelog</a></li>
diff --git a/examples/custom-toolbar.html b/examples/custom-toolbar.html
new file mode 100644
index 000000000..d0ebf3c8e
--- /dev/null
+++ b/examples/custom-toolbar.html
@@ -0,0 +1,78 @@
+<!doctype html>
+<!--
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * License https://xdsoft.net/jodit/license.html
+ * Copyright 2013-2018 Valeriy Chupurnov https://xdsoft.net
+-->
+<html>
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>Jodit Example</title>
+</head>
+<body>
+<header>
+    <nav>
+        <ul class="container">
+            <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
+            <li><a href="https://xdsoft.net/jodit/play/">Playground</a></li>
+            <li><a href="https://xdsoft.net/jodit/docs/">Documentation</a></li>
+            <li><a href="https://github.com/xdan/jodit/">Github</a></li>
+            <li><a href="https://github.com/xdan/jodit/releases">Changelog</a></li>
+            <li>
+                <a href="javascript:void(0)">Examples</a>
+                <ul id="examples"><!-- see app.js--></ul>
+            </li>
+            <li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
+        </ul>
+    </nav>
+</header>
+<div id="main_container" class="container">
+    <div id="introduction">
+        <h3>HTML</h3>
+        <pre>
+            &lt;textarea id="editor">&lt;/textarea>
+        </pre>
+        <h3>JavaScript</h3>
+        <pre>
+           var editor = new Jodit('#editor', {
+                buttons: 'source,about,print,bold',
+                buttonsMD: 'source,about,print',
+                buttonsSM:  'source,about',
+                buttonsXS: 'source'
+            });
+        </pre>
+    </div>
+    <div class="result">
+        <textarea id="area_editor"></textarea>
+    </div>
+</div>
+<footer>
+    <nav>
+        <ul class="container">
+            <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
+            <li><a href="https://xdsoft.net/jodit/play/">Playground</a></li>
+            <li><a href="https://xdsoft.net/jodit/docs/">Documentation</a></li>
+            <li><a href="https://github.com/xdan/jodit/">Github</a></li>
+            <li><a href="https://github.com/xdan/jodit/releases">Changelog</a></li>
+            <li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
+        </ul>
+    </nav>
+</footer>
+</body>
+<link rel="stylesheet" href="../build/jodit.min.css"/>
+<link rel="stylesheet" href="app.css"/>
+<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
+
+<script src="../build/jodit.min.js"></script>
+<script src="app.js"></script>
+<script>
+    var editor = new Jodit('#area_editor', {
+        buttons: 'source,about,print,bold',
+        buttonsMD: 'source,about,print',
+        buttonsSM:  'source,about',
+        buttonsXS: 'source'
+    });
+</script>
+</html>
diff --git a/examples/example.default.html b/examples/example.default.html
index 38667631a..0f8136728 100644
--- a/examples/example.default.html
+++ b/examples/example.default.html
@@ -16,6 +16,7 @@
     <nav>
         <ul class="container">
             <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
+            <li><a href="https://xdsoft.net/jodit/play/">Playground</a></li>
             <li><a href="https://xdsoft.net/jodit/docs/">Documentation</a></li>
             <li><a href="https://github.com/xdan/jodit/">Github</a></li>
             <li><a href="https://github.com/xdan/jodit/releases">Changelog</a></li>
@@ -49,6 +50,7 @@ <h3>JavaScript</h3>
     <nav>
         <ul class="container">
             <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
+            <li><a href="https://xdsoft.net/jodit/play/">Playground</a></li>
             <li><a href="https://xdsoft.net/jodit/docs/">Documentation</a></li>
             <li><a href="https://github.com/xdan/jodit/">Github</a></li>
             <li><a href="https://github.com/xdan/jodit/releases">Changelog</a></li>
diff --git a/examples/index.html b/examples/index.html
index ddeb45ec8..eb9f08b00 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -16,6 +16,7 @@
     <nav>
         <ul class="container">
             <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
+            <li><a href="https://xdsoft.net/jodit/play/">Playground</a></li>
             <li><a href="https://xdsoft.net/jodit/docs/">Documentation</a></li>
             <li><a href="https://github.com/xdan/jodit/">Github</a></li>
             <li><a href="https://github.com/xdan/jodit/releases">Changelog</a></li>
@@ -128,6 +129,7 @@ <h3>JavaScript</h3>
     <nav>
         <ul class="container">
             <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
+            <li><a href="https://xdsoft.net/jodit/play/">Playground</a></li>
             <li><a href="https://xdsoft.net/jodit/docs/">Documentation</a></li>
             <li><a href="https://github.com/xdan/jodit/">Github</a></li>
             <li><a href="https://github.com/xdan/jodit/releases">Changelog</a></li>
diff --git a/src/Config.ts b/src/Config.ts
index 78ae41c9a..9832326f3 100644
--- a/src/Config.ts
+++ b/src/Config.ts
@@ -426,7 +426,7 @@ export class Config {
      *  });
      *  ```
      */
-    buttons: Array<string|ControlType> = [
+    buttons: Array<string|ControlType> | string = [
         'source', '|',
         'bold',
         'strikethrough',
@@ -456,7 +456,7 @@ export class Config {
     /**
      * The list of buttons that appear in the editor's toolbar on medium places (≥ options.sizeMD).
      */
-    buttonsMD: Array<string|ControlType> = [
+    buttonsMD: Array<string|ControlType> | string = [
         'source', '|',
         'bold',
         'italic', '|',
@@ -481,7 +481,7 @@ export class Config {
     /**
      * The list of buttons that appear in the editor's toolbar on small places (≥ options.sizeSM).
      */
-    buttonsSM: Array<string|ControlType> = [
+    buttonsSM: Array<string|ControlType> | string = [
         'source', '|',
         'bold',
         'italic', '|',
@@ -504,7 +504,7 @@ export class Config {
     /**
      * The list of buttons that appear in the editor's toolbar on extra small places (< options.sizeSM).
      */
-    buttonsXS: Array<string|ControlType> = [
+    buttonsXS: Array<string|ControlType> | string = [
         'bold',
         'image', '|',
         'brush',
@@ -656,8 +656,13 @@ Config.prototype.controls = {
                     editor.selection.insertHTML(code);
                 };
 
-            tab[ToolbarIcon.getIcon('link') + '&nbsp;' + editor.i18n('Link')] = bylink;
-            tab[ToolbarIcon.getIcon('source') + '&nbsp;' + editor.i18n('Code')] = bycode;
+            if (editor.options.textIcons) {
+                tab[editor.i18n('Link')] = bylink;
+                tab[editor.i18n('Code')] = bycode;
+            } else {
+                tab[ToolbarIcon.getIcon('link') + '&nbsp;' + editor.i18n('Link')] = bylink;
+                tab[ToolbarIcon.getIcon('source') + '&nbsp;' + editor.i18n('Code')] = bycode;
+            }
 
             bycode.addEventListener('submit', (event) => {
                 event.preventDefault();
diff --git a/src/Jodit.ts b/src/Jodit.ts
index dbe0d7f87..ad4f74afc 100644
--- a/src/Jodit.ts
+++ b/src/Jodit.ts
@@ -12,7 +12,7 @@ import {Uploader} from './modules/Uploader';
 import {Dom} from './modules/Dom';
 import {EventsNative} from './modules/EventsNative';
 import * as consts from './constants';
-import {extend, inArray, dom, each, sprintf, defaultLanguage, debounce, asArray} from './modules/Helpers';
+import {extend, inArray, dom, each, sprintf, defaultLanguage, debounce, asArray, splitArray} from './modules/Helpers';
 import * as helper from './modules/Helpers';
 import {Config} from "./Config";
 import {ToolbarCollection} from "./modules/ToolbarCollection";
@@ -216,7 +216,7 @@ export class Jodit extends Component {
         this.toolbar = new ToolbarCollection(this);
 
         if (this.options.toolbar) {
-            this.toolbar.build(this.options.buttons.concat(this.options.extraButtons), this.container);
+            this.toolbar.build(splitArray(this.options.buttons).concat(this.options.extraButtons), this.container);
         }
 
         this.container.classList.add('jodit_toolbar_size-' + (['middle', 'large', 'small'].indexOf(this.options.toolbarButtonSize.toLowerCase()) !== -1 ? this.options.toolbarButtonSize.toLowerCase() : 'middle'));
diff --git a/src/modules/Helpers.ts b/src/modules/Helpers.ts
index 0a9d324ea..b7b482f8c 100644
--- a/src/modules/Helpers.ts
+++ b/src/modules/Helpers.ts
@@ -776,6 +776,10 @@ export const asArray = (a: any): Array<any> => (
     Array.isArray(a) ? a : [a]
 );
 
+export const splitArray = (a: Array<any> | string): Array<any> => (
+    Array.isArray(a) ? a : a.split(/[,\s]+/)
+);
+
 export const sprintf = (...args: Array<string|number>): string => {
     const regex: RegExp = /%%|%(\d+\$)?([-+#0 ]*)(\*\d+\$|\*|\d+)?(\.(\*\d+\$|\*|\d+))?([scboxXuidfegEG])/g;
     let a: Array<string|number> = args,
diff --git a/src/modules/ToolbarCollection.ts b/src/modules/ToolbarCollection.ts
index 70ee5a16b..0ae657853 100644
--- a/src/modules/ToolbarCollection.ts
+++ b/src/modules/ToolbarCollection.ts
@@ -474,7 +474,7 @@ export  class ToolbarButton extends ToolbarElement {
                 }
             }
         } else {
-            this.textBox.innerHTML = control.name;
+            this.textBox.innerHTML = `<span class="jodit_icon">${control.name}</span>`;
         }
     }
 
diff --git a/src/modules/Widget.ts b/src/modules/Widget.ts
index c5c6532ee..0dcd9aaf0 100644
--- a/src/modules/Widget.ts
+++ b/src/modules/Widget.ts
@@ -33,6 +33,8 @@ export namespace Widget {
     export const ColorPickerWidget = (editor: Jodit, callback: (newColor: string) => void, coldColor: string): HTMLDivElement => {
         const valueHex = normalizeColor(coldColor),
             form: HTMLDivElement = <HTMLDivElement>dom('<div class="jodit_colorpicker"></div>', editor.ownerDocument),
+            iconEye: string = editor.options.textIcons ? '' : Jodit.modules.ToolbarIcon.getIcon('eye'),
+            iconEraser: string = editor.options.textIcons ? `<span>${editor.i18n('eraser')}</span>` : Jodit.modules.ToolbarIcon.getIcon('eraser'),
             eachColor = (colors: string[] | {[key: string]: string[]}) => {
                 const stack: string[] = [];
                 if (isPlainObject(colors)) {
@@ -44,7 +46,7 @@ export namespace Widget {
                 } else if (Array.isArray(colors)) {
                     colors.forEach((color) => {
                         stack.push('<a ' + (valueHex === color ? ' class="active" ' : '') + ' title="' + color + '" style="background-color:' + color + '" data-color="' + color + '" href="javascript:void(0)">' +
-                            (valueHex === color ? Jodit.modules.ToolbarIcon.getIcon('eye') : '') +
+                            (valueHex === color ? iconEye : '') +
                             '</a>');
                     })
                 }
@@ -55,7 +57,7 @@ export namespace Widget {
         form
             .appendChild(dom('<div>' + eachColor(editor.options.colors) + '</div>', editor.ownerDocument));
 
-        form.appendChild(dom('<a data-color="" href="javascript:void(0)">' + Jodit.modules.ToolbarIcon.getIcon('eraser') + '</a>', editor.ownerDocument));
+        form.appendChild(dom('<a ' + (editor.options.textIcons ? 'class="jodit_text_icon"' : '') + ' data-color="" href="javascript:void(0)">' + iconEraser + '</a>', editor.ownerDocument));
 
         editor.events
             .on(form, 'mousedown touchstart', (e: MouseEvent) => {
@@ -269,13 +271,14 @@ export namespace Widget {
             }, (error: Error) => {
                 editor.events.fire('errorMessage', error.message);
             });
-
-            tabs[Jodit.modules.ToolbarIcon.getIcon('upload') + editor.i18n('Upload')] = dragbox;
+            const icon = editor.options.textIcons ? '' : Jodit.modules.ToolbarIcon.getIcon('upload');
+            tabs[icon + editor.i18n('Upload')] = dragbox;
         }
 
         if (callbacks.filebrowser) {
             if (editor.options.filebrowser.ajax.url || editor.options.filebrowser.items.url) {
-                tabs[Jodit.modules.ToolbarIcon.getIcon('folder') + editor.i18n('Browse')] = function () {
+                const icon = editor.options.textIcons ? '' : Jodit.modules.ToolbarIcon.getIcon('folder');
+                tabs[icon + editor.i18n('Browse')] = function () {
                     close && close();
                     if (callbacks.filebrowser) {
                         (<FileBrowser>editor.getInstance('FileBrowser')).open(callbacks.filebrowser);
@@ -319,7 +322,8 @@ export namespace Widget {
                 return false;
             }, false);
 
-            tabs[Jodit.modules.ToolbarIcon.getIcon('link') + ' URL'] = form;
+            const icon = editor.options.textIcons ? '' : Jodit.modules.ToolbarIcon.getIcon('link');
+            tabs[icon + ' URL'] = form;
 
         }
 
diff --git a/src/plugins/mobile.ts b/src/plugins/mobile.ts
index 0c418b0f9..ebecfbc8a 100644
--- a/src/plugins/mobile.ts
+++ b/src/plugins/mobile.ts
@@ -9,6 +9,7 @@ import {Config} from '../Config'
 import {ControlType} from "../modules/ToolbarCollection";
 import {ToolbarCollection} from "../modules/ToolbarCollection";
 import * as consts from "../constants";
+import {splitArray} from "../modules/Helpers";
 
 declare module "../Config" {
     interface Config {
@@ -40,7 +41,7 @@ Config.prototype.controls.dots = <ControlType> {
                     const buttons: Array<string|ControlType> | undefined = editor.events.fire('getDiffButtons.mobile');
 
                     if (buttons && store) {
-                        store.toolbar.build(buttons, store.container);
+                        store.toolbar.build(splitArray(buttons), store.container);
                     }
                 }
             };
@@ -62,7 +63,7 @@ Config.prototype.controls.dots = <ControlType> {
 export function mobile(editor: Jodit) {
     let timeout: number = 0,
         now: number,
-        store: Array<string|ControlType> = editor.options.buttons;
+        store: Array<string|ControlType> = splitArray(editor.options.buttons);
 
     editor.events
         .on('touchend', (e: TouchEvent) => {
@@ -75,7 +76,7 @@ export function mobile(editor: Jodit) {
             }
         })
         .on('getDiffButtons.mobile', () => {
-            return editor.options.buttons.filter((i: string|ControlType) => {
+            return splitArray(editor.options.buttons).filter((i: string|ControlType) => {
                 return store.indexOf(i) < 0;
             });
         })
@@ -87,13 +88,13 @@ export function mobile(editor: Jodit) {
             let width: number = editor.container.offsetWidth;
 
             if (width >= editor.options.sizeLG) {
-                store = editor.options.buttons;
+                store = splitArray(editor.options.buttons);
             } else if (width >= editor.options.sizeMD) {
-                store = editor.options.buttonsMD;
+                store = splitArray(editor.options.buttonsMD);
             } else if (width >= editor.options.sizeSM) {
-                store = editor.options.buttonsSM;
+                store = splitArray(editor.options.buttonsSM);
             } else {
-                store = editor.options.buttonsXS;
+                store = splitArray(editor.options.buttonsXS);
             }
 
             editor.toolbar.build(store.concat(editor.options.extraButtons), editor.container);
diff --git a/src/styles/jodit.less b/src/styles/jodit.less
index 0e9c01798..b2275a467 100644
--- a/src/styles/jodit.less
+++ b/src/styles/jodit.less
@@ -5,7 +5,9 @@
  */
 
 .jodit_container {
-   background: #fff;
+   background: @color-background-default;
+   font-size: @font-size-default;
+   font-family: @font-default;
    &, * {
     box-sizing: border-box;
    }
@@ -13,8 +15,6 @@
     border: 1px solid @color-border;
     position: relative;
     overflow: auto;
-    //width: 100%;
-    //display: table;
 
     .jodit_wysiwyg,
     .jodit_wysiwyg_iframe {
diff --git a/src/styles/modules/icon.less b/src/styles/modules/icon.less
index c2d61732f..627fd7bf6 100644
--- a/src/styles/modules/icon.less
+++ b/src/styles/modules/icon.less
@@ -33,6 +33,9 @@
     transform-origin: 0px 0px!important;
     overflow: visible;
 }
+.jodit_text_icon {
+    font-size:14px;
+}
 .jodit_toolbar_size{
     &-small .jodit_icon{
         .size(@icon_small_size);
diff --git a/src/styles/plugins/popupInline.less b/src/styles/plugins/popupInline.less
index 0eb8ad996..56da6158c 100644
--- a/src/styles/plugins/popupInline.less
+++ b/src/styles/plugins/popupInline.less
@@ -7,18 +7,18 @@
 .jodit_toolbar_popup-inline {
     position: absolute;
     display: none;
-    color: @color-background-default;
+    color: @color-background-gray;
     background: @popap-bg-color;
     box-shadow: none;
     background-clip: padding-box;
-    font-family: Arial, Helvetica, sans-serif;
+    font-family: @font-default;
     box-sizing: border-box;
     user-select: none;
     margin-top: 10px;
     z-index: @z-index-popap !important;
     text-align: left;
     border: 0px;
-    border: 1px solid @color-background-default;
+    border: 1px solid @color-background-gray;
     &.active {
         display:block;
     }
@@ -34,7 +34,7 @@
         display: inline-block;
         transform: rotate(45deg);
         background:  @popap-bg-color;
-        border: 1px solid @color-background-default;
+        border: 1px solid @color-background-gray;
         border-width: 1px 0 0 1px;
         z-index: 6;
     }
diff --git a/src/styles/plugins/resizer.less b/src/styles/plugins/resizer.less
index 66cd3509e..bc797718e 100644
--- a/src/styles/plugins/resizer.less
+++ b/src/styles/plugins/resizer.less
@@ -44,10 +44,10 @@
     pointer-events: all ;
 
     border: 1px solid @color-border-resize;
-    background-color: @color-background-default;
+    background-color: @color-background-gray;
 
     &:hover {
-      background-color: @color-background-default-hover;
+      background-color: @color-background-gray-hover;
     }
 
     .handleSizes(@size-resizer-handle) {
diff --git a/src/styles/plugins/texticons.less b/src/styles/plugins/texticons.less
index 82113b03d..230badb94 100644
--- a/src/styles/plugins/texticons.less
+++ b/src/styles/plugins/texticons.less
@@ -4,21 +4,18 @@
  * Copyright 2013-2018 Valeriy Chupurnov https://xdsoft.net
  */
 
-@jodit_text_icons-font: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
-@jodit_text_icons-color: rgba(0, 0, 0, 0.75);
-@jodit_text_icons-padding: 0 12px;
 
 .jodit_text_icons {
     .jodit_icon {
         width: auto;
-        font-size:13px;
+        font-size: @font-size-default;
         &::first-letter {
             text-transform: uppercase;
         }
     }
     .jodit_tabs .jodit_tabs_buttons > a {
         width: auto;
-        font-family: @jodit_text_icons-font;
+        font-family: @font-default;
         width: auto;
         i {
             width: auto;
@@ -27,19 +24,19 @@
     .jodit_toolbar > li{
         width: auto;
         > a {
-            padding: @jodit_text_icons-padding;
-            font-family: @jodit_text_icons-font;
+            padding: @padding-text-icons;
+            font-family: @font-default;
             width: auto;
             text-decoration: none;
-            color: @jodit_text_icons-color;
+            color: @color-text-icons;
         }
     }
     &.jodit_dialog_box .jodit_dialog {
         .jodit_dialog_header a, .jodit_button {
             width: auto;
-            padding: @jodit_text_icons-padding;
-            font-family: @jodit_text_icons-font;
-            color: @jodit_text_icons-color;
+            padding: @padding-text-icons;
+            font-family: @font-default;
+            color: @color-text-icons;
             .jodit_icon {
                 width: auto;
             }
diff --git a/src/styles/variables.less b/src/styles/variables.less
index 1e86ded0f..551fe76ee 100644
--- a/src/styles/variables.less
+++ b/src/styles/variables.less
@@ -31,8 +31,9 @@
 @color-link_hover: #d65f5e;
 @color-selection-area: #bdbdbd;
 
-@color-background-default: rgba(225, 225, 225, 0.99);
-@color-background-default-hover: #f8f8f8;
+@color-background-default: #ffffff;
+@color-background-gray: rgba(225, 225, 225, 0.99);
+@color-background-gray-hover: #f8f8f8;
 @color-background-tab: #f5f5f5;
 @color-background-tab_active: #fff;
 @color-background-hover: #7a450f;
@@ -42,9 +43,13 @@
 @color-background-selection: #b5d6fd;
 
 @fullsize_time: .9s;
-@font-default: Helvetica, Arial;
+@font-default: Helvetica, sans-serif, Arial;
+@font-size-default: 14px;
 
 
+@color-text-icons: rgba(0, 0, 0, 0.75);
+
+@padding-text-icons: 0 12px;
 @padding-default: 10px;
 
 //z-index
diff --git a/src/styles/widgets/colorpicker.less b/src/styles/widgets/colorpicker.less
index e99f902d8..c9b1df033 100644
--- a/src/styles/widgets/colorpicker.less
+++ b/src/styles/widgets/colorpicker.less
@@ -20,9 +20,14 @@
         height: @color-cell-size;
         line-height:@color-cell-size - 2;
         display:inline-block;
+        text-decoration: none;
         vertical-align: middle;
         text-align:center;
-
+        &.jodit_text_icon {
+            width: auto;
+            text-decoration: none;
+            color: @color-default;
+        }
         &:before {
             content: '';
             display: inline-block;
diff --git a/src/styles/widgets/form.less b/src/styles/widgets/form.less
index c9d3b5203..17540614e 100644
--- a/src/styles/widgets/form.less
+++ b/src/styles/widgets/form.less
@@ -70,7 +70,7 @@
     &:after {
       content: '';
       background: #fff;
-      border: solid 1px @color-background-default;
+      border: solid 1px @color-background-gray;
       border-radius: 2px;
       background-clip: padding-box;
       width: 16px;
diff --git a/src/styles/widgets/tabs.less b/src/styles/widgets/tabs.less
index 0b650e310..8c467a64b 100644
--- a/src/styles/widgets/tabs.less
+++ b/src/styles/widgets/tabs.less
@@ -58,7 +58,7 @@
                 border: 1px solid @color-border-tab_hover;
                 color: @color-tab_hover;
                 box-shadow: none;
-                background-color: @color-background-default-hover;
+                background-color: @color-background-gray-hover;
                 outline: none;
                 i, svg {
                     fill: @color-tab_hover;
diff --git a/test/tests/interfaceTest.js b/test/tests/interfaceTest.js
index 0dc14f205..5b09c79bb 100644
--- a/test/tests/interfaceTest.js
+++ b/test/tests/interfaceTest.js
@@ -420,6 +420,69 @@ describe('Test interface', function() {
                     expect(editor.container.querySelectorAll('.jodit_toolbar_btn-source').length).to.be.equal(1);
                     expect(editor.container.querySelectorAll('.jodit_toolbar_btn-source svg').length).to.be.equal(0);
                 });
+                it('Should add jodit_text_icons class to editor\'s container', function () {
+                    var editor = new Jodit('#table_editor_interface', {
+                        textIcons: true
+                    });
+                    expect(editor.container.classList.contains('jodit_text_icons')).to.be.true;
+                });
+                it('Should set font-size more them 0', function () {
+                    var editor = new Jodit('#table_editor_interface', {
+                        textIcons: true
+                    });
+                    expect(parseInt(editor.ownerWindow.getComputedStyle(editor.container.querySelector('.jodit_toolbar_btn-source .jodit_icon')).fontSize, 10)).to.be.above(10);
+                });
+                describe('In tabs', function () {
+                    it('Should be also only text', function () {
+                        var editor = new Jodit('#table_editor_interface', {
+                            textIcons: true
+                        });
+
+                        expect(editor.container.querySelector('.jodit_toolbar_btn-image')).to.be.not.equal(null)
+
+                        simulateEvent('mousedown', 0, editor.container.querySelector('.jodit_toolbar_btn-image'));
+
+                        var popup = editor.container.querySelector('.jodit_toolbar_btn-image .jodit_toolbar_popup.jodit_toolbar_popup-open');
+
+                        expect(popup).to.be.not.equal(null)
+
+                        expect(popup.querySelectorAll('svg, img').length).to.be.equal(0);
+                    });
+                });
+                describe('In brush popup', function () {
+                    it('Should be also only text', function () {
+                        var editor = new Jodit('#table_editor_interface', {
+                            textIcons: true
+                        });
+
+                        expect(editor.container.querySelector('.jodit_toolbar_btn-brush')).to.be.not.equal(null)
+
+                        simulateEvent('mousedown', 0, editor.container.querySelector('.jodit_toolbar_btn-brush'));
+
+                        var popup = editor.container.querySelector('.jodit_toolbar_btn-brush .jodit_toolbar_popup.jodit_toolbar_popup-open');
+
+                        expect(popup).to.be.not.equal(null)
+
+                        expect(popup.querySelectorAll('svg, img').length).to.be.equal(0);
+                    });
+                });
+                describe('In video popup', function () {
+                    it('Should be also only text', function () {
+                        var editor = new Jodit('#table_editor_interface', {
+                            textIcons: true
+                        });
+
+                        expect(editor.container.querySelector('.jodit_toolbar_btn-video')).to.be.not.equal(null)
+
+                        simulateEvent('mousedown', 0, editor.container.querySelector('.jodit_toolbar_btn-video'));
+
+                        var popup = editor.container.querySelector('.jodit_toolbar_btn-video .jodit_toolbar_popup.jodit_toolbar_popup-open');
+
+                        expect(popup).to.be.not.equal(null)
+
+                        expect(popup.querySelectorAll('svg, img').length).to.be.equal(0);
+                    });
+                });
             });
             it('Remove default buttons functionality', function() {
                 var editor = new Jodit('#table_editor_interface');
@@ -711,7 +774,7 @@ describe('Test interface', function() {
                                     timeout: 0
                                 }
                             });
-                            editor.setEditorValue('<p>test<span style="font-size: 14px">bold</span></p>')
+                            editor.setEditorValue('<p>test<span style="font-size: 16px">bold</span></p>')
 
                             var p = editor.editor.firstChild;
                             var font = editor.container.querySelector('.jodit_toolbar_btn-fontsize');
@@ -729,7 +792,7 @@ describe('Test interface', function() {
 
                             simulateEvent('mousedown', 0, font);
 
-                            var font16 = font.querySelector('.jodit_toolbar_btn-5');
+                            var font16 = font.querySelector('.jodit_toolbar_btn-6');
                             expect(true).to.equal(font16.classList.contains('jodit_active'));
                         });
                     });
diff --git a/test/tests/mobileTest.js b/test/tests/mobileTest.js
index 72885c9c1..421f4afba 100644
--- a/test/tests/mobileTest.js
+++ b/test/tests/mobileTest.js
@@ -58,6 +58,35 @@ describe('Test mobile mode', function () {
 
             expect(15).to.be.above(editor.container.querySelectorAll('.jodit_toolbar > li').length);
         });
+        describe('If buttons were setted like string', function () {
+            it('Should have different count buttons for different container sizes', function () {
+                getBox().style.width = '1000px';
+                var editor = new Jodit(appendTestArea(), {
+                    buttons: 'source,about,print,bold',
+                    buttonsMD: 'source,about,print',
+                    buttonsSM:  'source,about',
+                    buttonsXS: 'source'
+                });
+
+
+                expect(4).to.be.equal(editor.container.querySelectorAll('.jodit_toolbar > li').length);
+
+                getBox().style.width = '790px';
+                simulateEvent('resize', 0, window)
+
+                expect(3).to.be.equal(editor.container.querySelectorAll('.jodit_toolbar > li').length);
+
+                getBox().style.width = '690px';
+                simulateEvent('resize', 0, window)
+
+                expect(2).to.be.equal(editor.container.querySelectorAll('.jodit_toolbar > li').length);
+
+                getBox().style.width = '390px';
+                simulateEvent('resize', 0, window)
+
+                expect(1).to.be.equal(editor.container.querySelectorAll('.jodit_toolbar > li').length);
+            });
+        });
     });
 
 
