From 7b275174bb03d6ec75e65030f9c25a5c55b16703 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Thu, 4 Nov 2021 23:02:35 +0300
Subject: [PATCH] [DE] changed skeleton stylesheet in deploy

---
 apps/documenteditor/main/index.html        |  2 +-
 apps/documenteditor/main/index.html.deploy | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/apps/documenteditor/main/index.html b/apps/documenteditor/main/index.html
index 36960bbe3..c6b3524aa 100644
--- a/apps/documenteditor/main/index.html
+++ b/apps/documenteditor/main/index.html
@@ -18,7 +18,7 @@
             --highlight-header-button-hover: rgba(255,255,255,.05);
             --canvas-background: #555;
             /*--canvas-content-background: #fff;*/
-            --loadmask-canvas-page-border: #555;
+            --skeleton-canvas-page-border: #555;
         }
 
         .content-theme-dark {
diff --git a/apps/documenteditor/main/index.html.deploy b/apps/documenteditor/main/index.html.deploy
index a3ec6e07f..eab9ef0a3 100644
--- a/apps/documenteditor/main/index.html.deploy
+++ b/apps/documenteditor/main/index.html.deploy
@@ -11,6 +11,12 @@
     <!-- splash -->
 
     <style type="text/css">
+        .content-theme-dark {
+            --skeleton-canvas-content-background: #3a3a3a;
+            --skeleton-canvas-page-border: #2a2a2a;
+            --skeleton-canvas-line: rgba(255,255,255,.05);
+        }
+
         .loadmask {
             left: 0;
             top: 0;
@@ -108,12 +114,12 @@
 
         .loadmask > .placeholder {
             background: #fff;
-            background: var(--canvas-content-background, #fff);
+            background: var(--skeleton-canvas-content-background, var(--canvas-content-background, #fff));
             width: 794px;
             margin: 46px auto;
             height: 100%;
             border: 1px solid #bbbec2;
-            border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #bbbec2);
+            border: var(--scaled-one-px-value, 1px) solid var(--skeleton-canvas-page-border, var(--canvas-page-border, #bbbec2));
             padding-top: 50px;
         }
 
@@ -121,6 +127,7 @@
             height: 15px;
             margin: 30px 80px;
             background: rgba(0,0,0,.05);
+            background: var(--skeleton-canvas-line, rgba(0,0,0,.05));
             overflow: hidden;
             position: relative;