From fad509277e5b6c8c2c0c26053b01a24eb8f42ab9 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Wed, 23 Mar 2022 13:21:22 +0100
Subject: [PATCH] Make dialog dark / light

---
 .../confirm-transaction-dialog.js             | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/qortal-ui-core/src/functional-components/confirm-transaction-dialog.js b/qortal-ui-core/src/functional-components/confirm-transaction-dialog.js
index 8c2424da..0622f60b 100644
--- a/qortal-ui-core/src/functional-components/confirm-transaction-dialog.js
+++ b/qortal-ui-core/src/functional-components/confirm-transaction-dialog.js
@@ -16,21 +16,32 @@ class ConfirmTransactionDialog extends connect(store)(LitElement) {
 
     static get styles() {
         return css`
+            * {
+                --mdc-theme-primary: rgb(3, 169, 244);
+                --mdc-theme-secondary: var(--mdc-theme-primary);
+                --mdc-theme-surface: var(--white);
+                --mdc-dialog-content-ink-color: var(--black);
+            }
+
             .decline {
                 --mdc-theme-primary: var(--mdc-theme-error)
             }
+
             #txInfo {
-                text-align:left;
-                max-width:520px;
+                text-align: left;
+                max-width: 520px;
+                color: var(--black);
             }
 
             .buttons {
                 text-align:right;
             }
+
             table td, th{
                 padding:4px;
                 text-align:left;
                 font-size:14px;
+                color: var(--black);
             }
         `
     }
@@ -46,12 +57,8 @@ class ConfirmTransactionDialog extends connect(store)(LitElement) {
 
     render() {
         return html`
-            <style>
-                
-            </style>
-
-            <paper-dialog id="confirmDialog" modal>
-                <h2>Transaction request</h2>
+            <paper-dialog style="background: var(--white);" id="confirmDialog" modal>
+                <h2 style="color: var(--black);">Transaction request</h2>
                 <div id="txInfo">
                     ${this.txInfo}
                 </div>
@@ -85,7 +92,6 @@ class ConfirmTransactionDialog extends connect(store)(LitElement) {
     }
 
     decline(e) {
-
         this._reject(new Error('User declined transaction'))
     }
 }