From 8bef7f6c15a53379b03f294b705c6fe452232d1a Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Mon, 1 Nov 2021 23:29:27 +0300
Subject: [PATCH] [mobile] changed colors table

---
 .../resources/less/colors-table-dark.less     | 33 +++++++++++------
 .../mobile/resources/less/colors-table.less   | 36 ++++++++++++++-----
 2 files changed, 50 insertions(+), 19 deletions(-)

diff --git a/apps/common/mobile/resources/less/colors-table-dark.less b/apps/common/mobile/resources/less/colors-table-dark.less
index 3c32e27d3..f2c790eff 100644
--- a/apps/common/mobile/resources/less/colors-table-dark.less
+++ b/apps/common/mobile/resources/less/colors-table-dark.less
@@ -1,21 +1,32 @@
 
 :root {
+    .theme-type-dark,
     .theme-dark {
+        --background-primary: #232323;
+        --background-secondary: #333;
+        --background-tertiary: #131313;
+        --background-menu-divider: fade(#545458, 65%);
+
+        --text-normal: fade(#FFF, 87%);
+        --text-secondary: fade(#FFF, 60%);
+        --text-tertiary: fade(#FFF, 40%);
+        --text-link: #1976D2;
+        --text-error: #FF453A;
+
+        --fill-black: #000;
+        --fill-white: #FFF;
+
         --brand-word: #208BFF;
         --brand-cell: #34C759;
         --brand-slide: #FF4A31;
+        --brand-primary: #3E9CF0;
+        --brand-secondary: #FFAF49;
+        --brand-text-on-brand: #000;
 
-        --background-primary: #1C1C1E;
-        --background-secondary: #2C2C2E;
-        --background-tab-active: #636366;
-        --background-tab-normal: #757575;
-        --background-menu-divider: fade(#545458, 36%);
-
-        --text-tertiary: #48484A;
-        --text-normal: #FFF;
-        --text-secondary: fade(#EBEBF5, 60%);
-        --text-link: #1976D2;
-        --text-error: #FF453A;
+        --toolbar-background: #232323;
+        --toolbar-icons: #208BFF;
+        --toolbar-segment: #FFF;
+        --toolbar-tab-normal: #757575;
 
         --component-disabled-opacity: .4;
     }
diff --git a/apps/common/mobile/resources/less/colors-table.less b/apps/common/mobile/resources/less/colors-table.less
index 142875f1c..5addf7759 100644
--- a/apps/common/mobile/resources/less/colors-table.less
+++ b/apps/common/mobile/resources/less/colors-table.less
@@ -3,36 +3,56 @@
     --brand-word: #446995;
     --brand-cell: #40865C;
     --brand-slide: #AA5252;
+    --brand-primary: #3880BE;
+    --brand-secondary: #ED7309;
+    --brand-text-on-brand: #FFF;
 
     --background-primary: #FFF;
     --background-secondary: #FFF;
-    --background-tab-active: #AEAEB2;
+    --background-tertiary: #EFF0F5;
     --background-menu-divider: fade(#3C3C43, 36%);
-    --background-tab-normal: fade(#FFF, 50%);
 
-    --text-tertiary: #C7C7CC;
-    --text-normal: #000;
-    --text-secondary: fade(#3C3C43, 60%);
+    --text-normal: #000000;
+    --text-secondary: fade(#000, 60%);
+    --text-tertiary: fade(#000, 40%);
     --text-link: #007AFF;
     --text-error: #FF3B30;
 
+    --fill-black: #000;
+    --fill-white: #FFF;
+
+    --toolbar-background: #446995;
+    --toolbar-icons: #FFF;
+    --toolbar-segment: #446995;
+    --toolbar-tab-normal:fade(#FFF, 50%);
+
     --component-disabled-opacity: .4;
 }
 
 @brand-word: var(--brand-word);
 @brand-cell: var(--brand-cell);
 @brand-slide: var(--brand-slide);
+@brand-primary: var(--brand-primary);
+@brand-secondary: var(--brand-secondary);
+@brand-text-on-brand: var(--brand-text-on-brand);
 
 @background-primary: var(--background-primary);
 @background-secondary: var(--background-secondary);
-@background-tab-active: var(--background-tab-active);
-@background-tab-normal: var(--background-tab-normal);
+@background-tertiary: var(--background-tertiary);
 @background-menu-divider: var(--background-menu-divider);
 
-@text-tertiary: var(--text-tertiary);
 @text-normal: var(--text-normal);
 @text-secondary: var(--text-secondary);
+@text-tertiary: var(--text-tertiary);
 @text-link: var(--text-link);
 @text-error: var(--text-error);
 
+@fill-black: var(--fill-black);
+@fill-white: var(--fill-white);
+
+@toolbar-background: var(--toolbar-background);
+@toolbar-icons: var(--toolbar-icons);
+@toolbar-segment: var(--toolbar-segment);
+@toolbar-tab-normal: var(--toolbar-tab-normal);
+
 @component-disabled-opacity: var(--component-disabled-opacity);