Update app.py

app.py

@@ -61,15 +61,11 @@ def toggle_visibility(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'); }"""
 
 custom_css = """
@@ -85,20 +81,21 @@ custom_css = """
 .time-display { font-size: 1.5em; font-weight: bold; color: #ff4b4b; }
 """
 
-with gr.Blocks(css=custom_css) as demo:
+# Fixed: Moved css from Blocks constructor to launch()
+with gr.Blocks() 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
+    dark_state = gr.State(False)
 
     with gr.Row():
         with gr.Column(scale=4):
             with gr.Row():
+                # Fixed: Changed show_copy_button to copy_to_clipboard
                 pass_input = gr.Textbox(
                     label="Enter Password", 
                     type="password", 
-                    show_copy_button=True,
+                    copy_to_clipboard=True,
                     scale=9
                 )
                 show_btn = gr.Button("👁️", elem_classes="eye-btn", scale=1)
@@ -111,15 +108,12 @@ with gr.Blocks(css=custom_css) as demo:
     checklist_area = gr.HTML(value=render_checklist("")[0])
 
     with gr.Row():
-        # 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 Mode Handler: Update UI text AND trigger JS
     dark_btn.click(
         toggle_dark_mode, 
         inputs=[dark_state], 
@@ -134,4 +128,5 @@ with gr.Blocks(css=custom_css) as demo:
     )
 
 if __name__ == "__main__":
-    demo.launch()
+    # Fixed: CSS is now passed here
+    demo.launch(css=custom_css)