Update app.py

app.py

@@ -83,8 +83,7 @@ with gr.Blocks(
                 )                 
             with gr.Column(scale=3):
                 gr.HTML(f"""
-            <div style='text-align: center; padding: 20px; background: linear-gradient(90deg, {config.COLORS['primary']}, {config.COLORS['accent']}); 
-                        color: {config.COLORS['background']}; font-size: 24px; font-weight: bold; margin-bottom: 20px;
+            <div style='text-align: center; padding: 20px; font-size: 24px; font-weight: bold; margin-bottom: 20px;
                         border-radius: 0px 0px 15px 15px;'>
                 🖥️ L.C.A.R.S - Local Computer Advanced Reasoning System
                 <br><small style='font-size: 14px;'>USS Enterprise • NCC-1701-D • Starfleet Command</small>
@@ -105,7 +104,7 @@ with gr.Blocks(
                 with gr.Row():
                     # LEFT COLUMN - INPUT & CONTROLS
                     with gr.Column(scale=2):
-                        gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>🧠 REASONING PROCESS</div>")   
+                        gr.HTML(f"<div style=' padding: 10px; font-weight: bold;'>🧠 REASONING PROCESS</div>")   
                         with gr.Accordion(label="🧠 Current AI Reasoning", open=False): 
                             thinking_html = gr.HTML(label="AI Thought Process", show_label=True)
                         
@@ -147,7 +146,7 @@ with gr.Blocks(
                     
                     # MIDDLE COLUMN - RESPONSES
                     with gr.Column(scale=2):
-                        gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>SYSTEM RESPONSE</div>")
+                        gr.HTML(f"<div style=font-weight: bold;'>SYSTEM RESPONSE</div>")
                         
                         with gr.Accordion(label="🤖 Library Computer Advanced Reasoning System", open=True):
                             plain_text_output = gr.Markdown(
@@ -157,7 +156,7 @@ with gr.Blocks(
                                 height=400
                             )
                         
-                        execution_output = gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>🧠 Execution Results</div>")
+                        execution_output = gr.HTML(f"<div style=font-weight: bold;'>🧠 Execution Results</div>")
                         gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>Current Session</div>")   
                                                 
                         # Enhanced Chat History Display
@@ -169,7 +168,7 @@ with gr.Blocks(
                     
                     # RIGHT COLUMN - ENHANCED CODE ARTIFACTS
                     with gr.Column(scale=2):   
-                        gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>🧱 ENHANCED CODE ARTIFACTS WORKSHOP</div>")   
+                        gr.HTML(f"<div style=font-weight: bold;'>🧱 ENHANCED CODE ARTIFACTS WORKSHOP</div>")   
                         
                         with gr.Accordion(label="🧱 Code Artifacts Workshop", open=True):
                             # Enhanced Code Editor with save functionality
@@ -229,7 +228,7 @@ with gr.Blocks(
                                 tool_output = gr.Textbox(label="Tool Execution Results", lines=15)
 
             with gr.TabItem("💻 System Tools", elem_id="system_tab"):
-                gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>💻 System Tools</div>")
+                gr.HTML(f"<div style= padding: 10px; font-weight: bold;'>💻 System Tools</div>")
                 with gr.Tabs():
 
                     # Tab 1: Code Fragment Analysis
@@ -277,8 +276,7 @@ with gr.Blocks(
                     with gr.TabItem("📁 Directory"):
                         with gr.Row():
                             gr.HTML(f"""
-            <div style='text-align: center; padding: 20px; background: linear-gradient(90deg, {config.COLORS['primary']}, {config.COLORS['accent']}); 
-                        color: {config.COLORS['background']}; font-size: 24px; font-weight: bold; margin-bottom: 20px;
+            <div style='text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 20px;
                         border-radius: 0px 0px 15px 15px;'>
                 🖥️ Analyze an entire directory/project
 
@@ -287,8 +285,7 @@ with gr.Blocks(
                    
                         with gr.Column():
                             gr.HTML(f"""
-            <div style='text-align: center; padding: 20px; background: linear-gradient(90deg, {config.COLORS['primary']}, {config.COLORS['accent']}); 
-                        color: {config.COLORS['background']}; font-size: 24px; font-weight: bold; margin-bottom: 20px;
+            <div style='text-align: center; padding: 20px; background: linear-gradient(90deg,; font-size: 24px; font-weight: bold; margin-bottom: 20px;
                         border-radius: 0px 0px 15px 15px;'>
                 <br><small style='font-size: 14px;'>ℹ️ Directory Scanning Tips 
 
@@ -323,7 +320,7 @@ with gr.Blocks(
                 with gr.Row():
                     # Session Management Column
                     with gr.Column():
-                        gr.HTML(f"<div style='background: {config.COLORS['info']}; color: {config.COLORS['background']}; padding: 8px; font-weight: bold;'>📜 SESSION MANAGEMENT</div>")
+                        gr.HTML(f"<div style= padding: 8px; font-weight: bold;'>📜 SESSION MANAGEMENT</div>")
                         
                         session_status = gr.Textbox(label="Session Status", value="Ready", interactive=False)
                         
@@ -356,7 +353,7 @@ with gr.Blocks(
                     
                     # Artifact Management Column  
                     with gr.Column():
-                        gr.HTML(f"<div style='background: {config.COLORS['success']}; color: {config.COLORS['background']}; padding: 8px; font-weight: bold;'>🧱 ARTIFACT MANAGEMENT</div>")
+                        gr.HTML(f"<div style= padding: 8px; font-weight: bold;'>🧱 ARTIFACT MANAGEMENT</div>")
                         
                         artifact_status = gr.Textbox(label="Artifact Status", value="Ready", interactive=False)
                         
@@ -652,7 +649,7 @@ with gr.Blocks(
                             with gr.Column():
                                 with gr.Row():                                      
                                     sub_task_output = gr.Textbox(lines=4,show_label=True,container=False,label="Sub Tasks")
-                            gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>Task Strategy and Planning</div>") 
+                            gr.HTML(f"<div style= padding: 10px; font-weight: bold;'>Task Strategy and Planning</div>") 
                             with gr.Accordion("Task Graph", open=False):
                                         task_graph_img = gr.Image(label="Task Reasoning Graph")
                                         with gr.Row():
@@ -663,7 +660,7 @@ with gr.Blocks(
 
 
                                 with gr.Column():   
-                                    gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>Generated Code</div>")                             
+                                    gr.HTML(f"<div style= padding: 10px; font-weight: bold;'>Generated Code</div>")                             
 
                                     with gr.Accordion("Generated Code", open=False):
 
@@ -682,17 +679,17 @@ with gr.Blocks(
                             with gr.Tabs(): 
 
                                 with gr.Tab("Complexity"):
-                                    gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>Task Complexity</div>")       
+                                    gr.HTML(f"<div style= padding: 10px; font-weight: bold;'>Task Complexity</div>")       
                                
                                     complexity_output = gr.Markdown(show_label=True,max_height=600,container=True,show_copy_button = True,label="Task Complexity")
    
                                 with gr.Tab("Planning"):
-                                    gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>Sub Task Planning</div>")                            
+                                    gr.HTML(f"<div style= padding: 10px; font-weight: bold;'>Sub Task Planning</div>")                            
                                 
                                     decompose_output = gr.Markdown(show_label=True,container=True,show_copy_button = True,label="Task Analysis")
 
                                 with gr.Tab("WorkFlow"):
-                                    gr.HTML(f"<div style='background: {config.COLORS['primary']}; color: {config.COLORS['background']}; padding: 10px; font-weight: bold;'>Task Work-Flow</div>")                    
+                                    gr.HTML(f"<div style= padding: 10px; font-weight: bold;'>Task Work-Flow</div>")                    
                                 
                                     workflow_output = gr.Markdown(show_label=True,container=True,label="Task WorkFlow")
 
@@ -702,8 +699,7 @@ with gr.Blocks(
 
         # Footer
         gr.HTML(f"""
-        <div style='text-align: center; padding: 10px; margin-top: 20px; 
-                    color: {config.COLORS['primary']}; font-size: 12px;
+        <div style='text-align: center; padding: 10px; margin-top: 20px;  font-size: 12px;
                     border-top: 2px solid {config.COLORS['primary']};'>
             🚀 L.C.A.R.S - Enhanced Local Computer Advanced Reasoning System v3.0 • Starfleet Command • Computer Core Online
         </div>