Update app.py

app.py

@@ -41,7 +41,7 @@ def highlight_keywords(text, keywords):
     for kw in sorted(keywords, key=lambda k: -len(k)):
         pattern = re.compile(re.escape(kw), re.IGNORECASE)
         highlighted = pattern.sub(
-            f'<span style="background-color: #1976d2; color: white; padding: 2px 5px; '
+            f'<span style="background-color: #6C63FF; color: white; padding: 2px 5px; '
             f'border-radius: 4px; font-weight: bold;">{kw}</span>',
             highlighted
         )
@@ -54,7 +54,7 @@ def create_keywords_table(keywords):
     table_html = """
     <table style="width: 100%; border-collapse: collapse; border: 1px solid #ddd;">
         <thead>
-            <tr style="background-color: #1976d2; color: white;">
+            <tr style="background-color: #6C63FF; color: white;">
                 <th style="padding: 10px; text-align: left;">Rank</th>
                 <th style="padding: 10px; text-align: left;">Keyword</th>
             </tr>
@@ -80,23 +80,23 @@ def process_text(text, model_choice, num_keywords):
     keywords_table_html = create_keywords_table(keywords)
 
     summary_html = f"""
-    <div style="background-color: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #ddd; margin-bottom: 20px;">
-        <h3 style="margin-top: 0; color: #1976d2;">📊 Analysis Summary</h3>
+    <div style="background-color: #f8f9fa; padding: 20px; border-radius: 10px; border: 1px solid #ddd; box-shadow: 0 2px 5px rgba(0,0,0,0.05); margin-bottom: 20px;">
+        <h3 style="margin-top: 0; color: #6C63FF;">📊 Analysis Summary</h3>
         <p><strong>Model Used:</strong> {model_choice}</p>
         <p><strong>Keywords Found:</strong> {len(keywords)}</p>
     </div>
     """
 
     highlighted_section = f"""
-    <div style='padding: 15px; border: 2px solid #ddd; border-radius: 8px; background-color: #fafafa; margin: 10px 0;'>
-        <h4 style='margin: 0 0 15px 0; color: #1976d2;'>📝 Text with Highlighted Keywords</h4>
-        <div style='line-height: 1.8; font-size: 16px; background-color: white; padding: 15px; border-radius: 5px;'>{highlighted_html}</div>
+    <div style='padding: 20px; border: 2px solid #ddd; border-radius: 10px; background-color: #fafafa; margin: 15px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.05);'>
+        <h4 style='margin: 0 0 15px 0; color: #6C63FF;'>📝 Text with Highlighted Keywords</h4>
+        <div style='line-height: 1.8; font-size: 16px; background-color: white; padding: 20px; border-radius: 8px;'>{highlighted_html}</div>
     </div>
     """
 
     table_section = f"""
     <div style="margin-top: 20px;">
-        <h4 style="color: #1976d2; margin-bottom: 10px;">📋 Extracted Keywords</h4>
+        <h4 style="color: #6C63FF; margin-bottom: 10px;">📋 Extracted Keywords</h4>
         {keywords_table_html}
     </div>
     """
@@ -106,32 +106,30 @@ def process_text(text, model_choice, num_keywords):
 def create_interface():
     with gr.Blocks(title="Keyword Explorer Tool") as demo:
         gr.Markdown("""
-# 🔑 Keyword Extraction (KE) Explorer Tool
-
-See what different Keyword Extraction (KE) models can do, and if this is useful to you.
+# 🔑 Keyword Explorer Tool
 
 ---
 
-### 🛠️ How to use:
+### 📋 How to use:
 
-1. **📝 Paste your text** below.
-2. **🎛️ Choose a model** and **set keyword count**.
-3. **🔍 Click "Extract Keywords"** to see:
+1. **📝 Enter your text** in the text area below.
+2. **🎛️ Select a model** from the dropdown.
+3. **⚙️ Adjust the maximum number of keywords to be identified ** using the slider.
+4. **🔍 Click "Analyse Text"** to see:
    - 📊 A summary of results.
    - ✨ Highlighted keywords inside your text.
    - 📋 A full keyword list.
 
 ---
-
 """)
 
-        text_input = gr.Textbox(label="📝 Text to Analyse", placeholder="Paste your text here...", lines=10)
+        text_input = gr.Textbox(label="📝 Text to Analyse", placeholder="Enter your text here...", lines=10)
 
         with gr.Row():
             model_dropdown = gr.Dropdown(choices=AVAILABLE_MODELS, value=AVAILABLE_MODELS[0], label="🎛️ Select Model")
-            num_keywords_slider = gr.Slider(minimum=5, maximum=50, value=10, step=1, label="🔢 Number of Keywords")
+            num_keywords_slider = gr.Slider(minimum=5, maximum=50, value=10, step=1, label="⚙️ Adjust Number of Keywords")
 
-        analyse_btn = gr.Button("🔍 Extract Keywords", variant="primary")
+        analyse_btn = gr.Button("🔍 Extract Keywords", elem_classes="explorer-button")
 
         summary_output = gr.HTML()
         highlighted_output = gr.HTML()
@@ -145,10 +143,10 @@ See what different Keyword Extraction (KE) models can do, and if this is useful
 
         gr.HTML("""
 <hr style="margin-top: 40px; margin-bottom: 20px;">
-<div style="background-color: #f8f9fa; padding: 20px; border-radius: 8px; margin-top: 20px; text-align: center;">
+<div style="background-color: #f8f9fa; padding: 20px; border-radius: 10px; text-align: center; border: 1px solid #ddd;">
     <p style="font-size: 14px; line-height: 1.8; margin: 0;">
         This <strong>Keyword Extraction Explorer Tool</strong> was created as part of the
-        <a href="https://digitalscholarship.web.ox.ac.uk/" target="_blank" style="color: #1976d2;">
+        <a href="https://digitalscholarship.web.ox.ac.uk/" target="_blank" style="color: #6C63FF;">
             Digital Scholarship at Oxford (DiSc)
         </a>
         funded research project: