Update app.py

app.py

@@ -35,15 +35,15 @@ def cloud_button(label, key=None, color=None):
     
     # Generate circles on both sides of the text
     circles_html = ''.join([
-        f'<div class="circle" style="margin-right: -20px;"></div>' for _ in range(num_circles//2)
+        f'<div class="circle {color_class}" style="margin-right: -20px;"></div>' for _ in range(num_circles//2)
     ] + [
-        f'<div class="circle" style="margin-left: -20px;"></div>' for _ in range(num_circles//2)
+        f'<div class="circle {color_class}" style="margin-left: -20px;"></div>' for _ in range(num_circles//2)
     ])
 
     cloud_button_html = f"""
-    <div class="cloud {color_class}" id="{button_id}" style="margin-bottom: 20px;">
+    <div class="cloud" id="{button_id}" style="margin-bottom: 20px;">
         {circles_html}
-        <div class="rectangle">{label}</div>
+        <div class="rectangle {color_class}">{label}</div>
     </div>
     <style>
         .cloud {{
@@ -69,10 +69,9 @@ def cloud_button(label, key=None, color=None):
             transition: background-color 0.4s;
         }}
         .circle {{
-            background-color: #9BBEFF;
             border-radius: 50%;
-            width: 60px;  # Increased size
-            height: 60px;  # Increased size
+            width: 60px;
+            height: 60px;
             position: relative;
             z-index: 1;
         }}
@@ -98,6 +97,7 @@ def cloud_button(label, key=None, color=None):
 
 
 
+
 def load_pdf(file_path):
     pdf_reader = PdfReader(file_path)
     text = ""