From 590d794a4f3490e6ee97c054644260360619dc8e Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Fri, 18 Dec 2020 23:12:11 +0300
Subject: [PATCH] [stylesheets] corrected dark theme icons

---
 .../common/main/resources/img/toolbar/1x/.css.handlebars | 3 ---
 .../main/resources/img/toolbar/1x/big/.css.handlebars    | 5 +----
 apps/common/main/resources/less/asc-mixins.less          | 9 +++++++++
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/apps/common/main/resources/img/toolbar/1x/.css.handlebars b/apps/common/main/resources/img/toolbar/1x/.css.handlebars
index 11a6a8157..3d6be8dd7 100644
--- a/apps/common/main/resources/img/toolbar/1x/.css.handlebars
+++ b/apps/common/main/resources/img/toolbar/1x/.css.handlebars
@@ -23,9 +23,6 @@
 {{/spritesheet}}
 {{#sprites}}
 {{#parselang name}}.{{name}}{{/parselang}} {
-    background-position: {{px.offset_x}} {{px.offset_y}};
-
-    --bgX: {{px.offset_x}};
     background-position: var(--bgX) {{px.offset_y}};
 }
 {{/sprites}}
diff --git a/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars b/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars
index 38942761c..0f8eef5fb 100644
--- a/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars
+++ b/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars
@@ -18,9 +18,6 @@
 {{/spritesheet}}
 {{#sprites}}
 {{#parselang name}}.x-huge .{{name}}{{/parselang}} {
-    background-position: {{px.offset_x}} {{px.offset_y}};
-
-    --bgX: {{px.offset_x}};
-    background-position: var(--bgX) {{px.offset_y}};
+    background-position: var(--button-big-theme-icon-offset,0) {{px.offset_y}};
 }
 {{/sprites}}
diff --git a/apps/common/main/resources/less/asc-mixins.less b/apps/common/main/resources/less/asc-mixins.less
index c7e8a6d22..ec1db29a7 100644
--- a/apps/common/main/resources/less/asc-mixins.less
+++ b/apps/common/main/resources/less/asc-mixins.less
@@ -85,6 +85,15 @@
 */
 :root {
     --bgX: 0px;
+
+    @button-big-icon-width: 28px;
+    @button-big-icon-offset: -@button-big-icon-width;
+    --button-big-icon-width: @button-big-icon-width;
+
+    &.theme-dark {
+        --bgX: -20px;
+        --button-big-theme-icon-offset: @button-big-icon-offset;
+    }
 }
 
 .button-normal-icon(@icon-class, @index, @icon-size) {