From 098add81d498f54ffdbebc4bbcada0240d9a0759 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Mon, 2 Aug 2021 23:20:43 +0300
Subject: [PATCH] [common] fix bug 51066

---
 apps/common/main/lib/component/ThemeColorPalette.js   |  2 +-
 .../main/resources/less/theme-colorpalette.less       | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/common/main/lib/component/ThemeColorPalette.js b/apps/common/main/lib/component/ThemeColorPalette.js
index fda5430344..05551f6805 100644
--- a/apps/common/main/lib/component/ThemeColorPalette.js
+++ b/apps/common/main/lib/component/ThemeColorPalette.js
@@ -85,7 +85,7 @@ define([
                 '<% if (me.options.dynamiccolors!==undefined) { %>' +
                 '<div class="palette-color-spacer" style="width:100%;height:8px;float:left;"></div><div style="padding: 12px;">' +
                     '<% for (var i=0; i<me.options.dynamiccolors; i++) { %>' +
-                        '<a class="color-dynamic-<%=i%> dynamic-empty-color" style="background:#ffffff" color="" hidefocus="on">' +
+                        '<a class="color-dynamic-<%=i%> dynamic-empty-color" color="" hidefocus="on">' +
                         '<em><span unselectable="on">&#160;</span></em></a>' +
                     '<% } %>' +
                 '<% } %>' +
diff --git a/apps/common/main/resources/less/theme-colorpalette.less b/apps/common/main/resources/less/theme-colorpalette.less
index 0ca52a67a7..b8728193f7 100644
--- a/apps/common/main/resources/less/theme-colorpalette.less
+++ b/apps/common/main/resources/less/theme-colorpalette.less
@@ -39,11 +39,16 @@
         }
     }
 
-    .dynamic-empty-color em span {
-        border:solid @scaled-one-px-value-ie @border-color-shading-ie;
-        border:solid @scaled-one-px-value @border-color-shading;
+    .dynamic-empty-color {
         background: @background-normal-ie;
         background: @background-normal;
+
+        em span {
+            border: solid @scaled-one-px-value-ie @border-color-shading-ie;
+            border: solid @scaled-one-px-value @border-color-shading;
+            background: @background-normal-ie;
+            background: @background-normal;
+        }
     }
 
     .color-transparent {