From f5d50d9326083609ca3564579be72dd99c636387 Mon Sep 17 00:00:00 2001
From: LC mac <leochan@hkjin.com>
Date: Sun, 8 Feb 2026 01:49:44 +0800
Subject: [PATCH] fix: Update Private Key Passphrase input styling for dark
 theme

---
 src/App.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index db5637c..419b2d4 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -527,7 +527,7 @@ function App() {
                         <input
                           type="password"
                           data-sensitive="Message Password"
-                          className={`w-full pl-10 pr-4 py-2.5 bg-white border border-slate-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all ${isReadOnly ? 'blur-sm select-none' : ''
+                          className={`w-full pl-10 pr-4 py-2.5 bg-slate-700 border-2 border-slate-600 rounded-lg text-white text-sm placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-teal-500 focus:border-teal-500 transition-all ${isReadOnly ? 'blur-sm select-none' : ''
                             }`}
                           placeholder="Unlock private key..."
                           value={privateKeyPassphrase}
@@ -608,12 +608,12 @@ function App() {
                   )}
 
                   <div className="space-y-2">
-                    <label className="text-xs font-bold text-slate-700 uppercase tracking-wider">Message Password</label>
+                    <label className="text-xs font-bold text-white uppercase tracking-wider">MESSAGE PASSWORD</label>
                     <div className="relative">
                       <Lock className="absolute left-3 top-3 text-slate-400" size={16} />
                       <input
                         type="password"
-                        className={`w-full pl-10 pr-4 py-2.5 bg-white border border-slate-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all ${isReadOnly ? 'blur-sm select-none' : ''
+                        className={`w-full pl-10 pr-4 py-2.5 bg-slate-700 border-2 border-slate-600 rounded-lg text-white text-sm placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-teal-500 focus:border-teal-500 transition-all ${isReadOnly ? 'blur-sm select-none' : ''
                           }`}
                         placeholder={encryptionMode === 'krux' ? "Required for Krux encryption" : "Optional password..."}
                         value={activeTab === 'backup' ? backupMessagePassword : restoreMessagePassword}