Tweak load order and input background.

diff --git a/app/pages/nemo-wallet.html b/app/pages/nemo-wallet.html
index 63c4e0fdece8292cb4d8c5ae01a436d19de3c74d..93b3cbafece383c77c7c43f83f9250539f8829fe 100644 (file)
--- a/app/pages/nemo-wallet.html
+++ b/app/pages/nemo-wallet.html
@@ -51,6 +51,9 @@
 
                async function loadUi () {
                        console.log('loading ui')
+                       const themeCheckbox = document.getElementById('theme-checkbox')
+                       themeCheckbox.addEventListener('change', selectTheme)
+                       selectTheme()
                        const forms = document.querySelectorAll('form')
                        for (const form of forms) {
                                const cancelButtons = form.querySelectorAll('button.cancel')
@@ -60,9 +63,6 @@
                                        })
                                }
                        }
-                       const themeCheckbox = document.getElementById('theme-checkbox')
-                       themeCheckbox.addEventListener('change', selectTheme)
-                       selectTheme()
                        const clearStorageButton = document.getElementById('clear-storage-button')
                        clearStorageButton.addEventListener('click', (event) => {
                                if (event.detail === 1) {
@@ -620,7 +620,7 @@
                input[type='text'],
                select,
                select:focus {
-                       background-color: var(--theme-secondary);
+                       background-color: var(--theme-primary);
                        border: 1px solid var(--theme-content);
                        color: var(--theme-text);
                        font-size: calc(16px + 0.1dvh);  /* prevents input focus zoom on mobile */