From 056f381d837a6b366eb3393246c1b50379b99c4d Mon Sep 17 00:00:00 2001
From: AlexeyMatveev686 <Alexey.Matveev@onlyoffice.com>
Date: Fri, 14 Jan 2022 16:44:12 +0300
Subject: [PATCH] Added loader image for dark theme

---
 sdkjs-plugins/v1/plugins-ui.js | 2 +-
 sdkjs-plugins/v1/plugins.css   | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/sdkjs-plugins/v1/plugins-ui.js b/sdkjs-plugins/v1/plugins-ui.js
index 33fa0618..ad1cabbd 100644
--- a/sdkjs-plugins/v1/plugins-ui.js
+++ b/sdkjs-plugins/v1/plugins-ui.js
@@ -28,7 +28,7 @@ var Ps = null;
 showLoader = function (parent, text) {
 	var loader = document.createElement('div');
 	loader.className = 'asc-plugin-loader';
-	loader.innerHTML  = '<div class="asc-loader-image"></div><div class="asc-loader-title">' + (text || 'Loading') + '</div>';
+	loader.innerHTML  = '<div class="asc-loader-image ' + (window.Asc.plugin.theme.type === "dark") ? "asc-loader-image-light" : "asc-loader-image-dark" +' "></div><div class="asc-loader-title">' + (text || 'Loading') + '</div>';
 	parent.append ? parent.append(loader) : parent.appendChild(loader);
 	return loader;
 };
diff --git a/sdkjs-plugins/v1/plugins.css b/sdkjs-plugins/v1/plugins.css
index b929c481..ac127d73 100644
--- a/sdkjs-plugins/v1/plugins.css
+++ b/sdkjs-plugins/v1/plugins.css
@@ -565,7 +565,6 @@ a.aboutlink:active {
     transform: translate(-50%, 0);
 }
 .asc-plugin-loader .asc-loader-image {
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0IiBzdHJva2Utd2lkdGg9IjEuNSIgcj0iNy4yNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTYwJSwgNDAlIiAvPjwvc3ZnPg==);
     height: 20px;
     width: 20px;
     float: left;
@@ -577,6 +576,12 @@ a.aboutlink:active {
     animation-iteration-count: infinite;
     animation-timing-function: linear;
 }
+.asc-loader-image-light {
+	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PGNpcmNsZSBjeD0iMTQiIGN5PSIxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgcj0iMTAuMjUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2MCUsIDQwJSIgLz48L3N2Zz4=);
+}
+.asc-loader-image-dark  {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0IiBzdHJva2Utd2lkdGg9IjEuNSIgcj0iNy4yNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTYwJSwgNDAlIiAvPjwvc3ZnPg==);
+}
 
 .asc-plugin-loader .asc-loader-title {
     font-size: 13px;