From c6380dfe8af2fb4ff594831a885f043905bad521 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Thu, 17 Mar 2022 06:07:41 -0700
Subject: [PATCH] Make loading plugin background to theme

---
 .../group-management/group-transaction/index.html    | 12 +++++++++++-
 .../plugins/core/group-management/index.html         |  9 +++++++++
 .../core/messaging/chain-messaging/index.html        |  9 +++++++++
 qortal-ui-plugins/plugins/core/messaging/index.html  |  9 +++++++++
 .../plugins/core/messaging/q-chat/index.html         |  9 +++++++++
 qortal-ui-plugins/plugins/core/minting/index.html    |  9 +++++++++
 .../plugins/core/name-registration/index.html        |  9 +++++++++
 .../plugins/core/node-management/index.html          |  9 +++++++++
 qortal-ui-plugins/plugins/core/puzzles/index.html    |  9 +++++++++
 .../plugins/core/qdn/browser/index.html              |  9 +++++++++
 .../plugins/core/qdn/data-management/index.html      |  9 +++++++++
 qortal-ui-plugins/plugins/core/qdn/index.html        |  9 +++++++++
 .../plugins/core/qdn/publish/index.html              |  9 +++++++++
 .../plugins/core/reward-share/index.html             |  9 +++++++++
 .../plugins/core/trade-portal/index.html             |  9 +++++++++
 qortal-ui-plugins/plugins/core/wallet/index.html     |  9 +++++++++
 16 files changed, 146 insertions(+), 1 deletion(-)
diff --git a/qortal-ui-plugins/plugins/core/group-management/group-transaction/index.html b/qortal-ui-plugins/plugins/core/group-management/group-transaction/index.html
index 1a331212..762c75a1 100644
--- a/qortal-ui-plugins/plugins/core/group-management/group-transaction/index.html
+++ b/qortal-ui-plugins/plugins/core/group-management/group-transaction/index.html
@@ -3,6 +3,16 @@
 
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
+    <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
@@ -32,7 +42,7 @@
         body {
             margin: 0;
             font-family: "Roboto", sans-serif;
-            background-color: #fff;
+            background: var(--plugback);
         }
     </style>
 </head>
diff --git a/qortal-ui-plugins/plugins/core/group-management/index.html b/qortal-ui-plugins/plugins/core/group-management/index.html
index 06ea5e79..047d1937 100644
--- a/qortal-ui-plugins/plugins/core/group-management/index.html
+++ b/qortal-ui-plugins/plugins/core/group-management/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/messaging/chain-messaging/index.html b/qortal-ui-plugins/plugins/core/messaging/chain-messaging/index.html
index 8c089c59..1aba3297 100644
--- a/qortal-ui-plugins/plugins/core/messaging/chain-messaging/index.html
+++ b/qortal-ui-plugins/plugins/core/messaging/chain-messaging/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/messaging/index.html b/qortal-ui-plugins/plugins/core/messaging/index.html
index 390c33c9..c1c96954 100644
--- a/qortal-ui-plugins/plugins/core/messaging/index.html
+++ b/qortal-ui-plugins/plugins/core/messaging/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/messaging/q-chat/index.html b/qortal-ui-plugins/plugins/core/messaging/q-chat/index.html
index b0a4c391..e6fab848 100644
--- a/qortal-ui-plugins/plugins/core/messaging/q-chat/index.html
+++ b/qortal-ui-plugins/plugins/core/messaging/q-chat/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/minting/index.html b/qortal-ui-plugins/plugins/core/minting/index.html
index 672750a0..a2764dab 100644
--- a/qortal-ui-plugins/plugins/core/minting/index.html
+++ b/qortal-ui-plugins/plugins/core/minting/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/name-registration/index.html b/qortal-ui-plugins/plugins/core/name-registration/index.html
index d30c4598..16a71ed2 100644
--- a/qortal-ui-plugins/plugins/core/name-registration/index.html
+++ b/qortal-ui-plugins/plugins/core/name-registration/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/node-management/index.html b/qortal-ui-plugins/plugins/core/node-management/index.html
index 9661cdc9..9ed33a00 100644
--- a/qortal-ui-plugins/plugins/core/node-management/index.html
+++ b/qortal-ui-plugins/plugins/core/node-management/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/puzzles/index.html b/qortal-ui-plugins/plugins/core/puzzles/index.html
index 9d4d8fbf..888d0a91 100644
--- a/qortal-ui-plugins/plugins/core/puzzles/index.html
+++ b/qortal-ui-plugins/plugins/core/puzzles/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/qdn/browser/index.html b/qortal-ui-plugins/plugins/core/qdn/browser/index.html
index ecfb424b..c2fe7612 100644
--- a/qortal-ui-plugins/plugins/core/qdn/browser/index.html
+++ b/qortal-ui-plugins/plugins/core/qdn/browser/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/qdn/data-management/index.html b/qortal-ui-plugins/plugins/core/qdn/data-management/index.html
index 364289f0..5c57254a 100644
--- a/qortal-ui-plugins/plugins/core/qdn/data-management/index.html
+++ b/qortal-ui-plugins/plugins/core/qdn/data-management/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/qdn/index.html b/qortal-ui-plugins/plugins/core/qdn/index.html
index 6398e02e..da9c4777 100644
--- a/qortal-ui-plugins/plugins/core/qdn/index.html
+++ b/qortal-ui-plugins/plugins/core/qdn/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/qdn/publish/index.html b/qortal-ui-plugins/plugins/core/qdn/publish/index.html
index 318b76a3..8e58ec5c 100644
--- a/qortal-ui-plugins/plugins/core/qdn/publish/index.html
+++ b/qortal-ui-plugins/plugins/core/qdn/publish/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/reward-share/index.html b/qortal-ui-plugins/plugins/core/reward-share/index.html
index 5f9413f5..8435115d 100644
--- a/qortal-ui-plugins/plugins/core/reward-share/index.html
+++ b/qortal-ui-plugins/plugins/core/reward-share/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/trade-portal/index.html b/qortal-ui-plugins/plugins/core/trade-portal/index.html
index c24adc94..06e48eeb 100644
--- a/qortal-ui-plugins/plugins/core/trade-portal/index.html
+++ b/qortal-ui-plugins/plugins/core/trade-portal/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
diff --git a/qortal-ui-plugins/plugins/core/wallet/index.html b/qortal-ui-plugins/plugins/core/wallet/index.html
index 95612ab4..b68421ce 100644
--- a/qortal-ui-plugins/plugins/core/wallet/index.html
+++ b/qortal-ui-plugins/plugins/core/wallet/index.html
@@ -4,6 +4,15 @@
 <head>
     <link rel="stylesheet" href="/font/material-icons.css">
     <link rel="stylesheet" href="/font/switch-theme.css">
+    <script>
+        const checkBack = localStorage.getItem('qortalTheme')
+        if (checkBack === 'dark') {
+            newtheme = 'dark';
+        } else {
+            newtheme = 'light';
+        }
+        document.querySelector('html').setAttribute('theme', newtheme);
+    </script>
     <style>
         html {
             --scrollbarBG: #a1a1a1;
