From 71a44f704430c011e65985056dce8711bec047a4 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Thu, 17 Dec 2020 12:31:21 +0300
Subject: [PATCH] [stylesheets] added canvas colors vars, brand colors vars

---
 .../main/resources/less/colors-table.less     | 26 ++++++++++++++-----
 .../main/resources/less/variables.less        |  2 +-
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/apps/common/main/resources/less/colors-table.less b/apps/common/main/resources/less/colors-table.less
index c2b5264b9..2b78a9695 100644
--- a/apps/common/main/resources/less/colors-table.less
+++ b/apps/common/main/resources/less/colors-table.less
@@ -59,12 +59,6 @@
 @icon-contrast-popover: #fff;
 @icon-notification-badge: #000;
 
-// Toolbar header
-// -------------------------
-@toolbar-header-document: #446995;
-@toolbar-header-spreadsheet: #40865c;
-@toolbar-header-presentation: #aa5252;
-
 // Canvas
 // -------------------------
 @canvas-background: #e2e2e2;
@@ -84,6 +78,10 @@
 @canvas-scroll-controls-hover: #cfcfcf;
 
 :root {
+    --toolbar-header-document: #446995;
+    --toolbar-header-spreadsheet: #40865c;
+    --toolbar-header-presentation: #aa5252;
+
     --background-normal: @background-normal;
     --background-toolbar: @background-toolbar;
     --background-toolbar-additional: @background-toolbar-additional;
@@ -124,4 +122,20 @@
     --icon-toolbar-header: @icon-toolbar-header;
     --icon-contrast-popover: @icon-contrast-popover;
     --icon-notification-badge: @icon-notification-badge;
+
+    --canvas-background: #e2e2e2;
+    --canvas-content-background: #fff;
+    --canvas-ruler-background: #fff;
+    --canvas-ruler-margins-background: #cfcfcf;
+    --canvas-ruler-marks-border: #585b5e;
+    --canvas-high-contrast: #000;
+    --canvas-cell-border: fade(black, 10%);
+    --canvas-cell-title-border: fade(black, 10%);
+    --canvas-cell-title-hover: #dfdfdf;
+    --canvas-cell-title-selected: #cfcfcf;
+    --canvas-dark-cell-title: #444;
+    --canvas-dark-cell-title-hover: #666 ;
+    --canvas-dark-cell-title-selected: #111;
+    --canvas-scroll-controls: #f1f1f1;
+    --canvas-scroll-controls-hover: #cfcfcf;
 }
diff --git a/apps/documenteditor/main/resources/less/variables.less b/apps/documenteditor/main/resources/less/variables.less
index 30ab4592e..e62399729 100644
--- a/apps/documenteditor/main/resources/less/variables.less
+++ b/apps/documenteditor/main/resources/less/variables.less
@@ -1,7 +1,7 @@
 //
 // Variables
 // --------------------------------------------------
-@header-background-color: @toolbar-header-document;
+@header-background-color: var(--toolbar-header-document);
 
 // Active color
 // -------------------------