Update app.py

app.py

@@ -348,6 +348,16 @@ ul, ol {
 .gradio-radio label {
     text-align: left !important;
 }
+/* Change button color to green */
+.gradio-button {
+    background-color: #4CAF50 !important; /* Green color */
+    border-color: #4CAF50 !important;
+    color: white !important;
+}
+.gradio-button:hover {
+    background-color: #45a049 !important; /* Darker green on hover */
+    border-color: #45a049 !important;
+}
 """
 
 # Add detailed descriptions for each option
@@ -463,14 +473,10 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                 gr.Markdown(
                     """
                     <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/LVZnwLV43UUvKu3HORqSs.webp" alt="UDG" width="250" class="centered-image">
-
                     # 🎨 Underground Digital's Caption Captain: AI-Powered Art Inspiration
-
                     ## Accelerate Your Creative Workflow with Intelligent Image Analysis
-
                     This innovative tool empowers Yamamoto's artists to quickly generate descriptive captions,<br>
                     training prompts, and tags from existing artwork, fueling the creative process for GenAI models.
-
                     ## 🚀 How It Works:
                     1. **Upload Your Inspiration**: Drop in an image (e.g., a charcoal horse picture) that embodies your desired style.
                     2. **Choose Your Output**: Select from descriptive captions, training prompts, and tags.
@@ -504,17 +510,14 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
         with gr.Accordion("How to Use Caption Captain", open=False):
             gr.Markdown("""
             # How to Use Caption Captain
-
             <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/Ce_Z478iOXljvpZ_Fr_Y7.png" alt="Captain" width="100" style="max-width: 100%; height: auto;">
                         
             Hello, artist! Let's create amazing captions for your pictures. Here's a comprehensive guide:
-
             1. **Upload Your Image**: Choose a picture you want to caption and upload it.
-
             2. **Select Caption Type**: 
                - "Descriptive": Provides a detailed description of the image
                - "Descriptive (Informal)": Gives a casual description of the image
-               - "Training Prompt": Creates prompts for AI image generation
+               - "Stable Diffusion Prompt": Creates prompts for AI image generation
                - "MidJourney": Generates prompts specifically for MidJourney AI
                - "Booru tag list": Produces tags in the style of image booru websites
                - "Booru-like tag list": Creates tags similar to booru style, but more flexible
@@ -522,12 +525,10 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                - "Product Listing": Describes the image as if it were a product for sale
                - "Social Media Post": Crafts a caption suitable for social media
                - "Style Prompt": Generates detailed prompts for specific image styles
-
             3. **Choose Caption Length**:
                - "Any": Lets the AI decide the appropriate length
                - Select from "very short" to "very long"
                - Or specify an exact word count (20 to 260 words)
-
             4. **Extra Options**: Customize your caption with these choices:
                - Refer to people/characters as a specific name
                - Focus on changeable attributes, not unchangeable characteristics
@@ -536,7 +537,6 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                - Control the tone (e.g., keep it PG, avoid ambiguous language)
                - Include or exclude specific elements (e.g., text in the image, aesthetic quality)
                - Determine the level of detail in the description
-
             5. **Advanced Options for Style Prompt**:
                - Lens Type: Choose from various lens effects (e.g., wide-angle, telephoto)
                - Film Stock: Select different film types for unique color and grain effects
@@ -544,16 +544,13 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                - Lighting Aspect: Define the mood through lighting choices
                - Special Technique: Add unique photographic effects
                - Color Effect: Alter the overall color palette of the image
-
             6. **Generate Your Caption**: Click "Make My Caption!" and see the results!
-
             ## Tips for Great Captions:
             - Experiment with different caption types to find what works best for your needs
             - Use the extra options to fine-tune the focus and style of your captions
             - For "Style Prompt", explore the advanced options to create highly specific image descriptions
             - If you're not satisfied with a caption, simply generate a new one
             - The "Custom Prompt" option allows for more specific instructions, but use it cautiously
-
             Remember, Caption Captain is here to inspire and assist your creative process. Have fun exploring all the possibilities!
             """)
 
@@ -562,7 +559,7 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                 input_image = gr.Image(type="pil", label="Input Image")
 
                 caption_type = gr.Dropdown(
-                    choices=["Descriptive", "Descriptive (Informal)", "Training Prompt", "MidJourney", "Booru tag list", "Booru-like tag list", "Art Critic", "Product Listing", "Social Media Post", "Style Prompt"],
+                    choices=["Descriptive", "Descriptive (Informal)", "Stable Diffusion", "MidJourney", "Booru tag list", "Booru-like tag list", "Art Critic", "Product Listing", "Social Media Post", "Style Prompt"],
                     label="Caption Type",
                     value="Descriptive",
                 )
@@ -668,7 +665,7 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
         outputs=[caption_captain_tab, username, password, login_message]
     )
 
-    # Add this new event listener for the password field
+
     password.submit(
         login,
         inputs=[username, password],