From: Chris Duncan <chris@zoso.dev>
Date: Wed, 30 Oct 2024 22:00:29 +0000 (-0700)
Subject: Tweak load order and input background.
X-Git-Url: https://zoso.dev/?a=commitdiff_plain;h=af65a36bc8f5b6ea0eeefccf1392cd523b8c76dd;p=nemo-wallet.git

Tweak load order and input background.
---

diff --git a/app/pages/nemo-wallet.html b/app/pages/nemo-wallet.html
index 63c4e0f..93b3cba 100644
--- 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 */