Make dialog dark / light

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;
+                text-align: left;
-                max-width:520px;
+                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>
+            <paper-dialog style="background: var(--white);" id="confirmDialog" modal>
-                
+                <h2 style="color: var(--black);">Transaction request</h2>
-            </style>
-
-            <paper-dialog id="confirmDialog" modal>
-                <h2>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'))
     }
 }