Update app.py

app.py

@@ -48,77 +48,54 @@ if not os.path.exists(FAISS_INDEX_DIR):
 # Dictionary to store user-specific vectorstores
 user_vectorstores = {}
 
-# Custom CSS for Tech theme
+# Custom CSS for Tech theme with modern UI enhancements
 custom_css = """
-:root {
-    --primary-color: #4285F4;
-    --secondary-color: #34A853;
-    --accent-color: #EA4335;
-    --light-background: #F8F9FA;
-    --dark-text: #202124;
-    --white: #FFFFFF;
-    --border-color: #DADCE0;
-    --code-bg: #F1F3F4;
+@import url('shared-base.css');
+
+/* Tech Vision Specific */
+.code-block {
+    background: var(--surface-2);
+    border-radius: var(--radius-md);
+    padding: var(--spacing-md);
+    color: var(--text-color);
+    font-family: 'JetBrains Mono', monospace;
+    margin: var(--spacing-md) 0;
+    border-left: 3px solid var(--accent-color);
+    box-shadow: var(--shadow-sm);
 }
 
-body { 
-    background-color: var(--light-background); 
-    font-family: 'Google Sans', 'Roboto', sans-serif; 
+.stats-card {
+    background: var(--surface-2);
+    color: var(--text-color);
+    padding: var(--spacing-md);
+    border-radius: var(--radius-md);
+    margin: var(--spacing-md) 0;
+    border: 1px solid var(--border-color);
+    box-shadow: var(--shadow-sm);
 }
 
-.container { 
-    max-width: 1200px !important; 
-    margin: 0 auto !important; 
-    padding: 10px; 
-}
-
-.header { 
-    background-color: var(--white);
-    border-bottom: 1px solid var(--border-color);
-    padding: 15px 0;
-    margin-bottom: 20px;
-    border-radius: 12px 12px 0 0;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-}
-
-.header-title { 
-    color: var(--primary-color);
-    font-size: 1.8rem;
-    font-weight: 700;
-    text-align: center;
-}
+/* Tech-specific accents */
+.function-name { color: var(--accent-color); }
+.keyword { color: var(--accent-color-alt); }
+.string { color: var(--text-color-secondary); }
 
-.header-subtitle { 
-    color: var(--dark-text);
-    font-size: 1rem;
-    text-align: center;
-    margin-top: 5px;
+/* Custom Scrollbar */
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
 }
 
-.chat-container { 
-    border-radius: 12px !important;
-    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
-    background-color: var(--white) !important;
-    border: 1px solid var(--border-color) !important;
-    min-height: 500px;
+::-webkit-scrollbar-track {
+    background: var(--surface-1);
 }
 
-.tool-container { 
-    background-color: var(--white);
-    border-radius: 12px;
-    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
-    padding: 15px;
-    margin-bottom: 20px;
+::-webkit-scrollbar-thumb {
+    background: var(--accent-color);
+    border-radius: var(--radius-sm);
 }
 
-.code-block { 
-    background-color: var(--code-bg);
-    padding: 12px;
-    border-radius: 8px;
-    font-family: 'Roboto Mono', monospace;
-    overflow-x: auto;
-    margin: 10px 0;
-    border-left: 3px solid var(--primary-color);
+::-webkit-scrollbar-thumb:hover {
+    background: var(--accent-color-alt);
 }
 """
 
@@ -648,13 +625,15 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo:
 
 # Add footer with attribution
 gr.HTML("""
-<div style="text-align: center; margin-top: 20px; padding: 10px; color: #666; font-size: 0.8rem; border-top: 1px solid #eee;">
-    Created by Calvin Allen Crawford
+<div style="text-align: center; margin-top: 20px; padding: 20px; color: #666; font-size: 0.9rem; border-top: 1px solid #eee;">
+    Created by Calvin Allen-Crawford<br>
+    <span style="font-style: italic; font-size: 0.8rem;">Founder of Cosmick Visions</span>
 </div>
 """)
 
-# Launch the app
+# Launch the app with modern UI
 if __name__ == "__main__":
+    demo = create_interface()
     demo.launch() 
 
 # Add new helper functions