Update app.py

app.py

@@ -7,19 +7,15 @@ def estimate_crack_time(password):
     if not password:
         return "0 seconds"
     
-    # Calculate character set size (L)
     L = 0
     if re.search(r"[a-z]", password): L += 26
     if re.search(r"[A-Z]", password): L += 26
     if re.search(r"\d", password): L += 10
     if re.search(r"[!@#$%^&*(),.?\":{}|<>]", password): L += 32
     
-    if L == 0: L = 1  # Avoid log errors
+    if L == 0: L = 1 
     
-    # Combinations = L ^ length
     combinations = math.pow(L, len(password))
-    
-    # Assuming 10 billion guesses per second (standard high-end brute force)
     seconds = combinations / 10_000_000_000
     
     if seconds < 1: return "Instantly ⚡"
@@ -37,7 +33,6 @@ def analyze_password(password):
     
     checklist_html, strength = render_checklist(password)
     crack_time = estimate_crack_time(password)
-    
     return checklist_html, strength, crack_time
 
 def render_checklist(password):
@@ -63,26 +58,51 @@ def render_checklist(password):
 
 def toggle_visibility(is_visible):
     new_type = "text" if is_visible else "password"
-    new_label = "Hide Password 👁️" if is_visible else "Show Password 👁️‍🗨️"
-    return gr.update(type=new_type), new_label, not is_visible
+    new_icon = "🙈" if is_visible else "👁️"
+    return gr.update(type=new_type), new_icon, not is_visible
+
+# --- NEW DARK MODE TOGGLE LOGIC ---
+def toggle_dark_mode(current_is_dark):
+    # Toggle the boolean state
+    new_state = not current_is_dark
+    # Update button label based on the new state
+    new_label = "☀️ Light Mode" if new_state else "🌙 Dark Mode"
+    return new_label, new_state
 
+# JS to handle the actual CSS class toggle
 toggle_dark_js = """() => { document.body.classList.toggle('dark'); }"""
 
-# 3. UI Build
 custom_css = """
 .gradio-container { max-width: 800px; margin: auto; }
-.avg-btn { max-width: 250px !important; margin: auto !important; width: 100%; }
+.eye-btn { 
+    max-width: 50px !important; 
+    min-width: 50px !important; 
+    height: 45px !important; 
+    align-self: end; 
+    margin-bottom: 10px;
+    font-size: 1.2em !important;
+}
 .time-display { font-size: 1.5em; font-weight: bold; color: #ff4b4b; }
 """
 
-with gr.Blocks() as demo:
+with gr.Blocks(css=custom_css) as demo:
     gr.Markdown("# 🛡️ SecurePass Pro Analyzer")
+    
+    # State variables
     visible_state = gr.State(True)
+    dark_state = gr.State(False) # Tracks if dark mode is ON or OFF
 
     with gr.Row():
-        with gr.Column(scale=3):
-            pass_input = gr.Textbox(label="Enter Password", type="password", buttons=["copy"])
-            show_btn = gr.Button("Show Password 👁️‍🗨️", variant="secondary", elem_classes="avg-btn")
+        with gr.Column(scale=4):
+            with gr.Row():
+                pass_input = gr.Textbox(
+                    label="Enter Password", 
+                    type="password", 
+                    show_copy_button=True,
+                    scale=9
+                )
+                show_btn = gr.Button("👁️", elem_classes="eye-btn", scale=1)
+        
         with gr.Column(scale=2):
             strength_meter = gr.Slider(label="Strength (%)", interactive=False)
             gr.Markdown("### 🕒 Estimated Crack Time:")
@@ -91,13 +111,27 @@ with gr.Blocks() as demo:
     checklist_area = gr.HTML(value=render_checklist("")[0])
 
     with gr.Row():
-        dark_btn = gr.Button("🌙 Dark Mode", variant="secondary", elem_classes="avg-btn")
-        reset_btn = gr.Button("🗑️ Clear", variant="stop", elem_classes="avg-btn")
+        # The button now starts as "Dark Mode"
+        dark_btn = gr.Button("🌙 Dark Mode", variant="secondary")
+        reset_btn = gr.Button("🗑️ Clear", variant="stop")
 
+    # Event Handlers
     pass_input.change(analyze_password, pass_input, [checklist_area, strength_meter, time_output])
     show_btn.click(toggle_visibility, [visible_state], [pass_input, show_btn, visible_state])
-    dark_btn.click(None, None, None, js=toggle_dark_js)
-    reset_btn.click(lambda: ["", render_checklist("")[0], 0, "0 seconds"], None, [pass_input, checklist_area, strength_meter, time_output])
+    
+    # Dark Mode Handler: Update UI text AND trigger JS
+    dark_btn.click(
+        toggle_dark_mode, 
+        inputs=[dark_state], 
+        outputs=[dark_btn, dark_state],
+        js=toggle_dark_js
+    )
+    
+    reset_btn.click(
+        lambda: ["", render_checklist("")[0], 0, "0 seconds"], 
+        None, 
+        [pass_input, checklist_area, strength_meter, time_output]
+    )
 
 if __name__ == "__main__":
-    demo.launch(theme=gr.themes.Soft(), css=custom_css)
+    demo.launch()