From 39b365a370eb5aeed16b87e19be2b8467e387e9c Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Thu, 1 Jul 2021 16:58:57 +0300
Subject: [PATCH] [all] changed scroller theme colors

---
 .../resources/less/colors-table-ie-fix.less   |  3 +++
 .../main/resources/less/colors-table.less     |  2 ++
 apps/common/main/resources/less/scroller.less | 24 +++++++++----------
 3 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/apps/common/main/resources/less/colors-table-ie-fix.less b/apps/common/main/resources/less/colors-table-ie-fix.less
index eaf133158..68bde0bad 100644
--- a/apps/common/main/resources/less/colors-table-ie-fix.less
+++ b/apps/common/main/resources/less/colors-table-ie-fix.less
@@ -49,6 +49,9 @@
 @icon-contrast-popover-ie: #fff;
 @icon-success-ie: #5b9f27;
 
+@canvas-scroll-thumb-hover-ie: #c0c0c0;
+@canvas-scroll-thumb-border-hover-ie: #cbcbcb;
+
 @button-header-normal-icon-offset-x-ie: -20px;
 @button-header-active-icon-offset-x-ie: -20px;
 @scaled-one-px-value-ie: 1px;
diff --git a/apps/common/main/resources/less/colors-table.less b/apps/common/main/resources/less/colors-table.less
index 83727731c..475dbeffb 100644
--- a/apps/common/main/resources/less/colors-table.less
+++ b/apps/common/main/resources/less/colors-table.less
@@ -232,3 +232,5 @@
 @canvas-background: var(--canvas-background);
 @canvas-content-background: var(--canvas-content-background);
 @canvas-page-border: var(--canvas-page-border);
+@canvas-scroll-thumb-hover: var(--canvas-scroll-thumb-hover);
+@canvas-scroll-thumb-border-hover: var(--canvas-scroll-thumb-border-hover);
diff --git a/apps/common/main/resources/less/scroller.less b/apps/common/main/resources/less/scroller.less
index 328b0082f..8a8b76869 100644
--- a/apps/common/main/resources/less/scroller.less
+++ b/apps/common/main/resources/less/scroller.less
@@ -46,8 +46,8 @@
         .hover {
             .ps-scrollbar-x {
                 &.always-visible-x {
-                    background-color: @border-regular-control-ie;
-                    background-color: @border-regular-control;
+                    background-color: @canvas-scroll-thumb-hover-ie;
+                    background-color: @canvas-scroll-thumb-hover;
                     background-position: center -7px;
                 }
             }
@@ -56,10 +56,10 @@
         &.in-scrolling {
             .ps-scrollbar-x {
                 &.always-visible-x {
-                    background-color: @border-regular-control-ie;
-                    background-color: @border-regular-control;
-                    border-color: @border-regular-control-ie;
-                    border-color: @border-regular-control;
+                    background-color: @canvas-scroll-thumb-hover-ie;
+                    background-color: @canvas-scroll-thumb-hover;
+                    border-color: @canvas-scroll-thumb-border-hover-ie;
+                    border-color: @canvas-scroll-thumb-border-hover;
                     background-position: center -7px;
                 }
             }
@@ -115,8 +115,8 @@
 
             .ps-scrollbar-y {
                 &.always-visible-y {
-                    background-color: @border-regular-control-ie;
-                    background-color: @border-regular-control;
+                    background-color: @canvas-scroll-thumb-hover-ie;
+                    background-color: @canvas-scroll-thumb-hover;
                     background-position: -7px center;
                 }
             }
@@ -128,10 +128,10 @@
 
             .ps-scrollbar-y {
                 &.always-visible-y {
-                    background-color: @border-regular-control-ie;
-                    background-color: @border-regular-control;
-                    border-color: @border-regular-control-ie;
-                    border-color: @border-regular-control;
+                    background-color: @canvas-scroll-thumb-hover-ie;
+                    background-color: @canvas-scroll-thumb-hover;
+                    border-color: @canvas-scroll-thumb-border-hover-ie;
+                    border-color: @canvas-scroll-thumb-border-hover;
                     background-position: -7px center;
                 }
             }