Sync from reorganized task-similarity-analysis repository

- Update all module imports to match reorganized structure
- Consolidate styling modules (shared_styling and plot_styling now unified)
- Add CLAUDE.md with clear instructions not to modify directly
- All changes synced from main repository using sync_dashboard.py script

CLAUDE.md

@@ -0,0 +1,168 @@
+# CLAUDE.md
+
+⚠️ **DO NOT MODIFY THIS FILE DIRECTLY** ⚠️
+
+This file is automatically synchronized from the main task-similarity-analysis repository.
+Any changes should be made to `/home/jmontp/workspace/task-similarity-analysis/CLAUDE.md` 
+and will be synced here using the sync_dashboard.py script.
+
+---
+
+This file provides guidance to Claude Code (claude.ai/code) when working with the Task Similarity Analysis project.
+
+## Project Overview
+
+The Task Similarity Analysis project is a web-based tool for analyzing potential conflicts in sensor configurations for lower-limb wearable robots (exoskeletons and prostheses). It helps identify when similar sensor readings might require different control outputs across various locomotion tasks.
+
+## Key Concepts
+
+### Similarity Analysis
+- **Multivariate Gaussian Overlap**: Core statistical method for measuring sensor distribution similarity
+- **Bhattacharyya-like Distance**: Vectorized metric for efficient computation
+- **Output-Difference Filtering**: Accounts for biomechanical significance of control differences
+- **Phase-Windowed Analysis**: Analyzes current phase data with optional historical context
+
+### Analysis Levels
+1. **High Level**: Global conflict detection across all tasks
+2. **Medium Level**: Task-type comparisons (e.g., incline vs decline)
+3. **Low Level**: Specific parameter comparisons (e.g., 5° vs 10° incline)
+
+## Development Commands
+
+```bash
+# Run the Streamlit application
+streamlit run Home.py
+
+# Install dependencies
+pip install -r requirements.txt
+
+# Generate pre-calculated statistics (if needed)
+python generate_results_dicts.py
+
+# Run tests
+python test_multivariate_gaussian_overlap.py
+python test_plot_similarity.py
+python test_sensor_illustration.py
+
+# Profile performance
+python profile_multivariate_gaussian_overlap.py
+
+# Preprocess data for hosting
+python preprocess_data_for_hosting.py
+
+# Sync to dashboard repository
+python sync_to_dashboard_repo.py
+```
+
+## Project Structure
+
+### Core Application Files
+- `Home.py`: Main Streamlit application entry point with authentication
+- `pages/02_Tool.py`: Interactive analysis tool interface
+- `pages/01_Documentation.py`: User documentation and tutorials
+- `pages/02_Glossary.py`: Technical terms and definitions
+
+### Analysis Engine
+- `multivariate_gaussian_overlap.py`: Core statistical computations
+- `plot_similarity.py`: Visualization generation for heatmaps and conflict maps
+- `sensor_illustration.py`: Visual representation of sensor configurations
+- `data_tools.py`: Data processing and filtering utilities
+
+### Configuration
+- `config.py`: Application settings and constants
+- `shared_styling.py`: Common visual styling definitions
+- `plot_styling.py`: Plot-specific styling configurations
+
+### Data Files
+- `cached_data/precalculated_stats.pkl.gz`: Pre-computed statistics for performance
+- Results stored in dictionaries with hierarchical task organization
+
+## Key Development Patterns
+
+### Performance Optimization
+- Pre-calculate statistics for common queries
+- Use vectorized operations for overlap calculations
+- Implement caching for expensive computations
+- Compress pickle files for storage efficiency
+
+### Visualization Best Practices
+- Use consistent color schemes across all plots
+- Support both light and dark themes
+- Generate publication-quality figures
+- Include clear axis labels and legends
+
+### Data Structure
+```python
+# Results dictionary structure
+{
+    'task1_name': {
+        'task2_name': {
+            'overlap_matrix': np.array,  # Phase x Phase overlap values
+            'output_diff_matrix': np.array,  # Output differences
+            'filtered_overlap': np.array,  # Overlap after filtering
+        }
+    }
+}
+```
+
+### Sensor Configuration Format
+- Unilateral: Single leg sensors (e.g., 'hip_angle_r')
+- Bilateral: Both legs (e.g., 'hip_angle_r', 'hip_angle_l')
+- Available measurements: angles, velocities, torques
+- Joint support: hip, knee, ankle, foot
+
+## Common Tasks
+
+### Adding New Sensors
+1. Update sensor lists in `config.py`
+2. Regenerate statistics with new sensor configurations
+3. Update sensor illustration if needed
+
+### Modifying Analysis Methods
+1. Core algorithms in `multivariate_gaussian_overlap.py`
+2. Update visualization in `plot_similarity.py`
+3. Run performance profiling to ensure efficiency
+
+### Updating Documentation
+1. Edit markdown content in `pages/01_Documentation.py`
+2. Update glossary terms in `pages/02_Glossary.py`
+3. Keep examples current with latest features
+
+## Important Considerations
+
+### Statistical Validity
+- Ensure sufficient data samples for Gaussian approximation
+- Consider phase-dependency of sensor readings
+- Account for inter-subject variability
+
+### User Experience
+- Maintain responsive interface with progress indicators
+- Provide clear error messages for invalid configurations
+- Include helpful tooltips and documentation links
+
+### Performance
+- Pre-calculate expensive operations when possible
+- Use efficient data structures (NumPy arrays)
+- Implement lazy loading for large datasets
+
+## Testing Guidelines
+
+### Unit Tests
+- Test statistical calculations with known inputs
+- Verify visualization outputs
+- Check edge cases (empty data, single samples)
+
+### Integration Tests
+- Test full analysis pipeline end-to-end
+- Verify Streamlit session state management
+- Check authentication flow
+
+### Visual Tests
+- Compare generated plots against reference images
+- Verify color schemes and styling consistency
+- Test responsive layout on different screen sizes
+
+---
+
+⚠️ **REMINDER: DO NOT MODIFY THIS FILE DIRECTLY** ⚠️
+Changes should be made to the source file in task-similarity-analysis repository.

config.py

@@ -21,7 +21,7 @@ AVAILABLE_TASKS = ['decline_walking', 'level_walking', 'incline_walking',
 OUTPUTS_TOTAL = ['hip_torque_s_r', 'knee_torque_s_r', 'ankle_torque_s_r',
                  'hip_power_s_r', 'knee_power_s_r', 'ankle_power_s_r']
 
-# Not strictly needed by preprocess_data_for_hosting.py but good to keep related constants together.
+# Not strictly needed by src.data.preprocessor.py but good to keep related constants together.
 ANALYSIS_ABSTRACTION_LEVELS = ['High', 'Medium/Low']
 
 # Task configurations for pre-calculation and analysis

multivariate_gaussian_overlap.py

@@ -56,7 +56,7 @@ try:
     # else:
     #     print(f"Successfully loaded {HOSTING_STATS_PATH}")
 except FileNotFoundError:
-    print(f"ERROR: Could not load {HOSTING_STATS_PATH}. Please run preprocess_data_for_hosting.py first.")
+    print(f"ERROR: Could not load {HOSTING_STATS_PATH}. Please run src.data.preprocessor.py first.")
     HOSTING_STATS = None 
 except Exception as e:
     print(f"Error loading {HOSTING_STATS_PATH}: {e}")
@@ -453,7 +453,7 @@ def calculate_similarity_portrait_abstraction(sensors: Union[tuple, list], time_
     # If subjects could not be inferred or HOSTING_STATS is None, this part will be problematic.
     # The original code used total_data['subject'].unique(). This is no longer available.
     # For now, let's assume LOW_LEVEL_TASKS and iterating these subjects is the way.
-    # The `preprocess_data_for_hosting.py` iterates `unique_subjects = total_data['subject'].unique()`.
+    # The `src.data.preprocessor.py` iterates `unique_subjects = total_data['subject'].unique()`.
     # So `HOSTING_STATS` keys will contain all subjects that had data.
     # `unique_subjects_from_config_or_data` should capture these.
     # If this list is empty and HOSTING_STATS is populated, it means keys are not as expected.
@@ -479,7 +479,7 @@ def calculate_similarity_portrait_abstraction(sensors: Union[tuple, list], time_
         print("Warning: subjects_to_iterate is empty. Statistics pre-computation might be skipped or fail.")
         # Potentially, if LOW_LEVEL_TASKS is what defines the scope, and subjects are per task_config in HOSTING_STATS
         # then subject iteration should be nested inside task_config iteration if HOSTING_STATS keys are task_config specific.
-        # The current `preprocess_data_for_hosting.py` creates keys `(task_config_tuple, subject_str)`.
+        # The current `src.data.preprocessor.py` creates keys `(task_config_tuple, subject_str)`.
 
     total_combinations_to_calc_stats_for = 0
     tasks_for_stats_calc_t1 = []

pages/01_Documentation.py

@@ -4,7 +4,7 @@ import matplotlib.pyplot as plt
 from scipy.stats import norm
 import os
 from config import AVAILABLE_SENSORS, AVAILABLE_TASKS, OUTPUTS_TOTAL
-from plot_styling import set_plot_style, apply_cream_theme_to_figure
+from shared_styling import set_plot_style, apply_cream_theme_to_figure
 from shared_styling import apply_documentation_page_styling, add_theme_toggle
 
 # Configure the page

pages/02_Tool.py

@@ -10,7 +10,7 @@ from mpl_toolkits.axes_grid1 import make_axes_locatable
 from multivariate_gaussian_overlap import calculate_similarity_portrait_abstraction
 from plot_similarity import plot_similarity_measure
 from sensor_illustration import LegIllustration
-from plot_styling import set_plot_style, apply_cream_theme_to_figure
+from shared_styling import set_plot_style, apply_cream_theme_to_figure
 from shared_styling import apply_tool_page_styling, add_theme_toggle
 import io
 

plot_similarity.py

@@ -1,5 +1,5 @@
 """Visualization functions for similarity measures"""
-from plot_styling import PLOT_COLORS, set_plot_style, get_plot_style
+from shared_styling import PLOT_COLORS, set_plot_style, get_plot_style
 import matplotlib.pyplot as plt
 import numpy as np
 import seaborn as sns

plot_styling.py

@@ -1,62 +1,152 @@
-"""Module for consistent plot styling across all visualizations"""
+"""
+Unified styling module for both Streamlit UI and matplotlib plots.
+Contains all styling definitions to ensure consistency across the application.
+"""
 
+import streamlit as st
 import matplotlib.pyplot as plt
 import seaborn as sns
 import matplotlib.font_manager as fm
-import streamlit as st
 
-# Add Arial font
-# Default font family
-DEFAULT_FONT_FAMILY = 'sans-serif' # A commonly available default
+# ==========================
+# Shared Color Themes
+# ==========================
+
+# Light theme colors - consistent across UI and plots
+LIGHT_COLORS = {
+    'background': '#FFFFFB',
+    'figure_background': '#FEFEF8', 
+    'sidebar_bg_start': '#FAFAFA',
+    'sidebar_bg_end': '#F5F5F5',
+    'border_light': '#F0F0F0',
+    'border_medium': '#E0E0E0',
+    'text_primary': '#2C3E50',
+    'text_secondary': '#5D6D7E',
+    'text_tertiary': '#85929E',
+    'text_light': '#A6ACAF',
+    'button_bg_start': '#5D6D7E',
+    'button_bg_end': '#85929E',
+    'button_hover_start': '#85929E',
+    'button_hover_end': '#A6ACAF',
+    'alert_error_bg': '#FFE6E6',
+    'alert_error_border': '#FFAAAA',
+    'alert_error_text': '#CC0000',
+    'alert_info_bg': '#E6F3FF',
+    'alert_info_border': '#99D6FF',
+    'alert_info_text': '#0066CC',
+    'warning_bg': '#FFF8E1',
+    'warning_border': '#FF9800',
+    'success_bg': '#E8F5E8',
+    'success_border': '#4CAF50',
+    'generate_button_bg': '#228B22',
+    'generate_button_hover': '#32CD32',
+    # Plot-specific colors
+    'axes_background': '#FFFFFB',
+    'grid_color': '#F0F0F0',
+    'spine_color': '#E0E0E0',
+}
+
+# Dark theme colors - consistent across UI and plots
+DARK_COLORS = {
+    'background': '#1E1E1E',
+    'figure_background': '#2D2D2D', 
+    'sidebar_bg_start': '#252525',
+    'sidebar_bg_end': '#2A2A2A',
+    'border_light': '#404040',
+    'border_medium': '#505050',
+    'text_primary': '#E8E8E8',
+    'text_secondary': '#B8B8B8',
+    'text_tertiary': '#888888',
+    'text_light': '#666666',
+    'button_bg_start': '#4A5568',
+    'button_bg_end': '#2D3748',
+    'button_hover_start': '#2D3748',
+    'button_hover_end': '#1A202C',
+    'alert_error_bg': '#4A1A1A',
+    'alert_error_border': '#8B0000',
+    'alert_error_text': '#FF6B6B',
+    'alert_info_bg': '#1A2A4A',
+    'alert_info_border': '#4A90E2',
+    'alert_info_text': '#87CEEB',
+    'warning_bg': '#4A3A1A',
+    'warning_border': '#FFA500',
+    'success_bg': '#1A4A1A',
+    'success_border': '#32CD32',
+    'generate_button_bg': '#2E7D32',
+    'generate_button_hover': '#388E3C',
+    # Plot-specific colors
+    'axes_background': '#1E1E1E',
+    'grid_color': '#404040',
+    'spine_color': '#505050',
+}
+
+def get_current_colors():
+    """Get the current color scheme based on session state."""
+    if 'dark_theme' not in st.session_state:
+        st.session_state.dark_theme = False
+    
+    return DARK_COLORS if st.session_state.dark_theme else LIGHT_COLORS
+
+def toggle_theme():
+    """Toggle between light and dark themes."""
+    if 'dark_theme' not in st.session_state:
+        st.session_state.dark_theme = False
+    st.session_state.dark_theme = not st.session_state.dark_theme
+
+def add_theme_toggle():
+    """Add a theme toggle button to the sidebar."""
+    with st.sidebar:
+        st.markdown("---")
+        current_theme = "🌙 Dark" if st.session_state.get('dark_theme', False) else "☀️ Light"
+        new_theme = "☀️ Light" if st.session_state.get('dark_theme', False) else "🌙 Dark"
+        
+        if st.button(f"Switch to {new_theme} Theme", key="theme_toggle", use_container_width=True):
+            toggle_theme()
+            st.rerun()
+        
+        st.caption(f"Current: {current_theme} Theme")
+
+# ==========================
+# Plot Styling
+# ==========================
+
+# Font configuration
+DEFAULT_FONT_FAMILY = 'sans-serif'
 
 try:
     fm.fontManager.addfont('/usr/share/fonts/truetype/msttcorefonts/Arial.ttf')
-    # If Arial is successfully added, use it.
     PLOT_STYLE_FONT_FAMILY = 'Arial'
     print("Successfully loaded Arial font.")
 except FileNotFoundError:
     print("Arial.ttf not found. Using default system font.")
-    # If Arial is not found, fall back to a default font.
     PLOT_STYLE_FONT_FAMILY = DEFAULT_FONT_FAMILY
 except Exception as e:
     print(f"An error occurred while trying to load Arial font: {e}. Using default system font.")
     PLOT_STYLE_FONT_FAMILY = DEFAULT_FONT_FAMILY
 
-# Light theme colors
-LIGHT_THEME_COLORS = {
-    'background': '#FFFFFB',  # Very light off-white background
-    'figure_background': '#FEFEF8',  # Slightly warmer off-white for figure
-    'axes_background': '#FFFFFB',  # Light off-white for plot area
-    'text_primary': '#4A4A4A',  # Subtle dark gray for text
-    'text_secondary': '#6B6B6B',  # Medium gray for labels
-    'grid_color': '#F0F0F0',  # Very light gray for grid lines
-    'spine_color': '#E0E0E0',  # Light gray for axes spines
-}
-
-# Dark theme colors
-DARK_THEME_COLORS = {
-    'background': '#1E1E1E',  # Dark background
-    'figure_background': '#2D2D2D',  # Slightly lighter dark for figure
-    'axes_background': '#1E1E1E',  # Dark plot area
-    'text_primary': '#E8E8E8',  # Light gray for text
-    'text_secondary': '#B8B8B8',  # Medium light gray for labels
-    'grid_color': '#404040',  # Dark gray for grid lines
-    'spine_color': '#505050',  # Medium dark gray for axes spines
+# Color constants for plots
+PLOT_COLORS = {
+    'input_similarity': sns.color_palette('rocket', as_cmap=True),
+    'output_difference': sns.cubehelix_palette(start=.2, rot=-.3, dark=0, light=0.85, 
+                                             reverse=True, as_cmap=True),
+    'conflict': sns.cubehelix_palette(start=2, rot=0, dark=0, light=0.85, 
+                                    reverse=True, as_cmap=True),
+    'output_biomechanical': sns.cubehelix_palette(start=2.8, rot=0.4, dark=0, light=0.85, 
+                                             reverse=True, as_cmap=True)
 }
 
-def get_current_theme_colors():
-    """Get the current theme colors based on session state."""
-    if 'dark_theme' not in st.session_state:
-        st.session_state.dark_theme = False
-    
-    return DARK_THEME_COLORS if st.session_state.dark_theme else LIGHT_THEME_COLORS
+# Additional palettes
+purple_helix = sns.cubehelix_palette(start=.2, rot=-.4, dark=0, light=0.85, 
+                                             reverse=True, as_cmap=True)
+my_purple_helix = sns.cubehelix_palette(start=.2, rot=-.1, dark=0, light=0.85, 
+                                             reverse=True, as_cmap=True)
 
 def get_plot_style():
     """Get plot style with current theme colors."""
-    theme_colors = get_current_theme_colors()
+    theme_colors = get_current_colors()
     
     return {
-        'font_family': PLOT_STYLE_FONT_FAMILY, # Use the determined font family
+        'font_family': PLOT_STYLE_FONT_FAMILY,
         'font_size': 18,
         'title_size': 20,
         'label_size': 18,
@@ -78,24 +168,6 @@ def get_plot_style():
         'spine_color': theme_colors['spine_color'],
     }
 
-# Color constants
-PLOT_COLORS = {
-    'input_similarity': sns.color_palette('rocket', as_cmap=True),
-    'output_difference': sns.cubehelix_palette(start=.2, rot=-.3, dark=0, light=0.85, 
-                                             reverse=True, as_cmap=True),
-    'conflict': sns.cubehelix_palette(start=2, rot=0, dark=0, light=0.85, 
-                                    reverse=True, as_cmap=True),
-    # Define a cubehelix palette starting dark (dark=0) and ending light purple (light=0.85, start=2.8)
-    'output_biomechanical': sns.cubehelix_palette(start=2.8, rot=0.4, dark=0, light=0.85, 
-                                             reverse=True, as_cmap=True)
-}
-
-
-purple_helix = sns.cubehelix_palette(start=.2, rot=-.4, dark=0, light=0.85, 
-                                             reverse=True, as_cmap=True)
-my_purple_helix = sns.cubehelix_palette(start=.2, rot=-.1, dark=0, light=0.85, 
-                                             reverse=True, as_cmap=True)
-
 def set_plot_style():
     """Set consistent plot styling across all figures"""
     plot_style = get_plot_style()
@@ -125,7 +197,7 @@ def set_plot_style():
 
 def apply_theme_to_figure(fig, ax=None):
     """Apply current theme to an existing figure and axes"""
-    theme_colors = get_current_theme_colors()
+    theme_colors = get_current_colors()
     
     if fig:
         fig.patch.set_facecolor(theme_colors['figure_background'])
@@ -133,15 +205,11 @@ def apply_theme_to_figure(fig, ax=None):
     if ax is not None:
         # Handle single axes or list of axes
         if hasattr(ax, '__iter__'):
-            # If it's iterable, check if it's a numpy array or list
             if hasattr(ax, 'flatten'):
-                # It's a numpy array
                 axes_list = ax.flatten()
             else:
-                # It's a list or other iterable
                 axes_list = ax
         else:
-            # It's a single axis
             axes_list = [ax]
         
         for axis in axes_list:
@@ -165,7 +233,247 @@ def apply_theme_to_figure(fig, ax=None):
     
     return fig, ax
 
-# Keep the old function name for backward compatibility
+# Legacy function name for backward compatibility
 def apply_cream_theme_to_figure(fig, ax=None):
     """Apply current theme to an existing figure and axes (legacy function name)"""
-    return apply_theme_to_figure(fig, ax) 
+    return apply_theme_to_figure(fig, ax)
+
+# ==========================
+# Streamlit UI Styling
+# ==========================
+
+def get_base_css():
+    """Returns the base CSS styling used across all pages."""
+    return f"""
+    <style>
+    /* Main background styling */
+    .stApp {{
+        background: {get_current_colors()['background']};
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    
+    .main .block-container {{
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+        background-color: {get_current_colors()['background']};
+        border-radius: 15px;
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+        margin-top: 1rem;
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    
+    /* Explicit text color styling for all elements */
+    .stApp, .stApp * {{
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    
+    /* Button styling */
+    .stButton>button {{
+        width: 100%;
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+        background: linear-gradient(45deg, {get_current_colors()['button_bg_start']}, {get_current_colors()['button_bg_end']});
+        color: white !important;
+        border: none;
+        border-radius: 10px;
+        padding: 0.75rem 1rem;
+        font-weight: 600;
+        transition: all 0.3s ease;
+        box-shadow: 0 2px 10px rgba(107, 107, 107, 0.2);
+    }}
+    
+    .stButton>button:hover {{
+        background: linear-gradient(45deg, {get_current_colors()['button_hover_start']}, {get_current_colors()['button_hover_end']});
+        transform: translateY(-2px);
+        box-shadow: 0 4px 15px rgba(107, 107, 107, 0.3);
+        color: white !important;
+    }}
+    
+    /* Sidebar styling */
+    section[data-testid="stSidebar"] {{
+        background: {get_current_colors()['sidebar_bg_start']};
+        border-right: 2px solid {get_current_colors()['border_light']};
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    
+    section[data-testid="stSidebar"] > div {{
+        background: {get_current_colors()['sidebar_bg_start']};
+        padding-top: 2rem;
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    
+    /* Headers styling */
+    h1 {{
+        padding-bottom: 1rem;
+        border-bottom: 3px solid {get_current_colors()['border_medium']};
+        color: {get_current_colors()['text_primary']} !important;
+        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
+    }}
+    
+    h2 {{
+        margin-top: 2rem;
+        padding-bottom: 0.5rem;
+        color: {get_current_colors()['text_secondary']} !important;
+        font-weight: 600;
+    }}
+    
+    h3 {{
+        margin-top: 1.5rem;
+        color: {get_current_colors()['text_tertiary']} !important;
+        font-weight: 600;
+    }}
+    
+    /* Alert box styling */
+    .auth-alert {{
+        background: {get_current_colors()['alert_error_bg']};
+        color: {get_current_colors()['alert_error_text']} !important;
+        padding: 15px;
+        border-radius: 10px;
+        margin: 15px 0;
+        border: 1px solid {get_current_colors()['alert_error_border']};
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
+    }}
+    
+    .auth-info {{
+        background: {get_current_colors()['alert_info_bg']};
+        color: {get_current_colors()['alert_info_text']} !important;
+        padding: 15px;
+        border-radius: 10px;
+        margin: 15px 0;
+        border: 1px solid {get_current_colors()['alert_info_border']};
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
+    }}
+    </style>
+    """
+
+def get_home_page_css():
+    """Returns additional CSS specific to the home page."""
+    return f"""
+    <style>
+    /* Navigation button styling */
+    .nav-button {{
+        border: 2px solid {get_current_colors()['border_medium']};
+        border-radius: 12px;
+        padding: 20px;
+        text-align: center;
+        margin-bottom: 15px;
+        background: {get_current_colors()['background']};
+        transition: all 0.3s ease;
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    
+    .nav-button:hover {{
+        background: {get_current_colors()['figure_background']};
+        transform: translateY(-3px);
+        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
+        border-color: {get_current_colors()['text_secondary']};
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    
+    .nav-button h3 {{
+        color: {get_current_colors()['text_secondary']} !important;
+        margin-bottom: 0.5rem;
+    }}
+    
+    /* Description boxes */
+    .description-box {{
+        text-align: center;
+        padding: 15px;
+        border: 2px solid {get_current_colors()['border_medium']};
+        border-radius: 10px;
+        margin-top: -10px;
+        background: {get_current_colors()['background']};
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    </style>
+    """
+
+def get_documentation_page_css():
+    """Returns additional CSS specific to the documentation page."""
+    return f"""
+    <style>
+    .gaussian-explanation-container {{
+        padding: 20px;
+        background: {get_current_colors()['background']};
+        border-radius: 12px;
+        margin-bottom: 20px;
+        border: 2px solid {get_current_colors()['border_medium']};
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    
+    .metric-card {{
+        background: {get_current_colors()['background']};
+        padding: 15px;
+        border-radius: 10px;
+        border: 2px solid {get_current_colors()['border_medium']};
+        margin: 10px 0;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    
+    .glossary-term {{
+        background: {get_current_colors()['background']};
+        padding: 15px;
+        border-radius: 10px;
+        border-left: 4px solid {get_current_colors()['text_secondary']};
+        margin: 10px 0;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+        color: {get_current_colors()['text_primary']} !important;
+    }}
+    </style>
+    """
+
+def get_tool_page_css():
+    """Returns additional CSS specific to the analysis tool page."""
+    return f"""
+    <style>
+    /* Expander styling */
+    .streamlit-expanderHeader {{
+        background-color: {get_current_colors()['figure_background']};
+        border: 2px solid {get_current_colors()['border_medium']};
+        border-radius: 8px;
+        color: {get_current_colors()['text_primary']} !important;
+        font-weight: 600;
+    }}
+    
+    /* Generate button special styling */
+    div[data-testid="stButton"] button {{
+        background: linear-gradient(45deg, {get_current_colors()['generate_button_bg']}, {get_current_colors()['generate_button_hover']}) !important;
+        color: white !important;
+        border: none !important;
+        font-weight: 700 !important;
+        font-size: 1.1rem !important;
+        padding: 1rem !important;
+        box-shadow: 0 3px 15px rgba(34, 139, 34, 0.3) !important;
+    }}
+    
+    div[data-testid="stButton"] button:hover {{
+        background: linear-gradient(45deg, {get_current_colors()['generate_button_hover']}, #7CFC00) !important;
+        transform: translateY(-3px) !important;
+        box-shadow: 0 5px 20px rgba(34, 139, 34, 0.4) !important;
+        color: white !important;
+    }}
+    </style>
+    """
+
+def apply_base_styling():
+    """Apply the base styling to the current Streamlit page."""
+    st.markdown(get_base_css(), unsafe_allow_html=True)
+
+def apply_home_page_styling():
+    """Apply styling specific to the home page."""
+    st.markdown(get_base_css(), unsafe_allow_html=True)
+    st.markdown(get_home_page_css(), unsafe_allow_html=True)
+
+def apply_documentation_page_styling():
+    """Apply styling specific to the documentation page."""
+    st.markdown(get_base_css(), unsafe_allow_html=True)
+    st.markdown(get_documentation_page_css(), unsafe_allow_html=True)
+
+def apply_tool_page_styling():
+    """Apply styling specific to the analysis tool page."""
+    st.markdown(get_base_css(), unsafe_allow_html=True)
+    st.markdown(get_tool_page_css(), unsafe_allow_html=True)

sensor_illustration.py

@@ -3,7 +3,7 @@ import matplotlib.pyplot as plt
 import numpy as np
 from typing import List
 from dataclasses import dataclass
-from plot_styling import set_plot_style
+from shared_styling import set_plot_style
 
 @dataclass
 class JointPosition:

shared_styling.py

@@ -1,11 +1,18 @@
 """
-Centralized styling module for the Task Similarity Analysis application.
-Contains all CSS styling definitions to ensure consistency across pages.
+Unified styling module for both Streamlit UI and matplotlib plots.
+Contains all styling definitions to ensure consistency across the application.
 """
 
 import streamlit as st
+import matplotlib.pyplot as plt
+import seaborn as sns
+import matplotlib.font_manager as fm
 
-# Color scheme constants - Light and Dark themes
+# ==========================
+# Shared Color Themes
+# ==========================
+
+# Light theme colors - consistent across UI and plots
 LIGHT_COLORS = {
     'background': '#FFFFFB',
     'figure_background': '#FEFEF8', 
@@ -32,9 +39,14 @@ LIGHT_COLORS = {
     'success_bg': '#E8F5E8',
     'success_border': '#4CAF50',
     'generate_button_bg': '#228B22',
-    'generate_button_hover': '#32CD32'
+    'generate_button_hover': '#32CD32',
+    # Plot-specific colors
+    'axes_background': '#FFFFFB',
+    'grid_color': '#F0F0F0',
+    'spine_color': '#E0E0E0',
 }
 
+# Dark theme colors - consistent across UI and plots
 DARK_COLORS = {
     'background': '#1E1E1E',
     'figure_background': '#2D2D2D', 
@@ -61,7 +73,11 @@ DARK_COLORS = {
     'success_bg': '#1A4A1A',
     'success_border': '#32CD32',
     'generate_button_bg': '#2E7D32',
-    'generate_button_hover': '#388E3C'
+    'generate_button_hover': '#388E3C',
+    # Plot-specific colors
+    'axes_background': '#1E1E1E',
+    'grid_color': '#404040',
+    'spine_color': '#505050',
 }
 
 def get_current_colors():
@@ -90,6 +106,142 @@ def add_theme_toggle():
         
         st.caption(f"Current: {current_theme} Theme")
 
+# ==========================
+# Plot Styling
+# ==========================
+
+# Font configuration
+DEFAULT_FONT_FAMILY = 'sans-serif'
+
+try:
+    fm.fontManager.addfont('/usr/share/fonts/truetype/msttcorefonts/Arial.ttf')
+    PLOT_STYLE_FONT_FAMILY = 'Arial'
+    print("Successfully loaded Arial font.")
+except FileNotFoundError:
+    print("Arial.ttf not found. Using default system font.")
+    PLOT_STYLE_FONT_FAMILY = DEFAULT_FONT_FAMILY
+except Exception as e:
+    print(f"An error occurred while trying to load Arial font: {e}. Using default system font.")
+    PLOT_STYLE_FONT_FAMILY = DEFAULT_FONT_FAMILY
+
+# Color constants for plots
+PLOT_COLORS = {
+    'input_similarity': sns.color_palette('rocket', as_cmap=True),
+    'output_difference': sns.cubehelix_palette(start=.2, rot=-.3, dark=0, light=0.85, 
+                                             reverse=True, as_cmap=True),
+    'conflict': sns.cubehelix_palette(start=2, rot=0, dark=0, light=0.85, 
+                                    reverse=True, as_cmap=True),
+    'output_biomechanical': sns.cubehelix_palette(start=2.8, rot=0.4, dark=0, light=0.85, 
+                                             reverse=True, as_cmap=True)
+}
+
+# Additional palettes
+purple_helix = sns.cubehelix_palette(start=.2, rot=-.4, dark=0, light=0.85, 
+                                             reverse=True, as_cmap=True)
+my_purple_helix = sns.cubehelix_palette(start=.2, rot=-.1, dark=0, light=0.85, 
+                                             reverse=True, as_cmap=True)
+
+def get_plot_style():
+    """Get plot style with current theme colors."""
+    theme_colors = get_current_colors()
+    
+    return {
+        'font_family': PLOT_STYLE_FONT_FAMILY,
+        'font_size': 18,
+        'title_size': 20,
+        'label_size': 18,
+        'tick_size': 15,
+        'tick_length': 5,
+        'tick_width': 0.5,
+        'tick_pad': 5,
+        'label_pad_x': -15,
+        'label_pad_y': -35,
+        'figure_dpi': 300,
+        'aspect_ratio': 'equal',
+        'subplot_wspace': 0.05,
+        'subplot_hspace': 0.1,
+        # Theme-specific styling
+        'figure_facecolor': theme_colors['figure_background'],
+        'axes_facecolor': theme_colors['axes_background'],
+        'text_color': theme_colors['text_primary'],
+        'grid_color': theme_colors['grid_color'],
+        'spine_color': theme_colors['spine_color'],
+    }
+
+def set_plot_style():
+    """Set consistent plot styling across all figures"""
+    plot_style = get_plot_style()
+    
+    plt.rcParams['font.family'] = plot_style['font_family']
+    plt.rcParams['font.size'] = plot_style['font_size']
+    plt.rcParams['axes.labelsize'] = plot_style['label_size']
+    plt.rcParams['axes.titlesize'] = plot_style['title_size']
+    plt.rcParams['xtick.labelsize'] = plot_style['tick_size']
+    plt.rcParams['ytick.labelsize'] = plot_style['tick_size']
+    plt.rcParams['xtick.major.pad'] = plot_style['tick_pad']
+    plt.rcParams['ytick.major.pad'] = plot_style['tick_pad']
+    plt.rcParams['figure.dpi'] = plot_style['figure_dpi']
+    plt.rcParams['figure.subplot.wspace'] = plot_style['subplot_wspace']
+    plt.rcParams['figure.subplot.hspace'] = plot_style['subplot_hspace']
+    
+    # Apply theme styling
+    plt.rcParams['figure.facecolor'] = plot_style['figure_facecolor']
+    plt.rcParams['axes.facecolor'] = plot_style['axes_facecolor']
+    plt.rcParams['text.color'] = plot_style['text_color']
+    plt.rcParams['axes.labelcolor'] = plot_style['text_color']
+    plt.rcParams['xtick.color'] = plot_style['text_color']
+    plt.rcParams['ytick.color'] = plot_style['text_color']
+    plt.rcParams['axes.edgecolor'] = plot_style['spine_color']
+    plt.rcParams['grid.color'] = plot_style['grid_color']
+    plt.rcParams['grid.alpha'] = 0.7
+
+def apply_theme_to_figure(fig, ax=None):
+    """Apply current theme to an existing figure and axes"""
+    theme_colors = get_current_colors()
+    
+    if fig:
+        fig.patch.set_facecolor(theme_colors['figure_background'])
+    
+    if ax is not None:
+        # Handle single axes or list of axes
+        if hasattr(ax, '__iter__'):
+            if hasattr(ax, 'flatten'):
+                axes_list = ax.flatten()
+            else:
+                axes_list = ax
+        else:
+            axes_list = [ax]
+        
+        for axis in axes_list:
+            if axis is not None:
+                axis.set_facecolor(theme_colors['axes_background'])
+                
+                # Update text colors
+                axis.title.set_color(theme_colors['text_primary'])
+                axis.xaxis.label.set_color(theme_colors['text_primary'])
+                axis.yaxis.label.set_color(theme_colors['text_primary'])
+                
+                # Update tick colors
+                axis.tick_params(colors=theme_colors['text_primary'])
+                
+                # Update spine colors
+                for spine in axis.spines.values():
+                    spine.set_color(theme_colors['spine_color'])
+                
+                # Update grid
+                axis.grid(True, color=theme_colors['grid_color'], alpha=0.7)
+    
+    return fig, ax
+
+# Legacy function name for backward compatibility
+def apply_cream_theme_to_figure(fig, ax=None):
+    """Apply current theme to an existing figure and axes (legacy function name)"""
+    return apply_theme_to_figure(fig, ax)
+
+# ==========================
+# Streamlit UI Styling
+# ==========================
+
 def get_base_css():
     """Returns the base CSS styling used across all pages."""
     return f"""
@@ -115,68 +267,6 @@ def get_base_css():
         color: {get_current_colors()['text_primary']} !important;
     }}
     
-    /* Main content text */
-    .main .block-container p {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .main .block-container div {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .main .block-container span {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Streamlit markdown text */
-    .stMarkdown {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .stMarkdown p {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .stMarkdown div {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Sidebar styling */
-    .css-1d391kg {{
-        background: {get_current_colors()['sidebar_bg_start']};
-        border-right: 2px solid {get_current_colors()['border_light']};
-    }}
-    
-    .css-1d391kg .css-1v0mbdj {{
-        background: {get_current_colors()['sidebar_bg_start']};
-    }}
-    
-    /* Sidebar content */
-    section[data-testid="stSidebar"] {{
-        background: {get_current_colors()['sidebar_bg_start']};
-        border-right: 2px solid {get_current_colors()['border_light']};
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    section[data-testid="stSidebar"] > div {{
-        background: {get_current_colors()['sidebar_bg_start']};
-        padding-top: 2rem;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Sidebar text elements */
-    section[data-testid="stSidebar"] * {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Sidebar title styling */
-    section[data-testid="stSidebar"] h1 {{
-        color: {get_current_colors()['text_primary']} !important;
-        border-bottom: 2px solid {get_current_colors()['border_medium']};
-        padding-bottom: 0.5rem;
-        margin-bottom: 1rem;
-    }}
-    
     /* Button styling */
     .stButton>button {{
         width: 100%;
@@ -199,159 +289,20 @@ def get_base_css():
         color: white !important;
     }}
     
-    /* Input styling */
-    .stTextInput>div>div>input {{
-        background-color: {get_current_colors()['background']};
-        border: 2px solid {get_current_colors()['border_light']};
-        border-radius: 8px;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .stTextInput>div>div>input:focus {{
-        border-color: {get_current_colors()['button_bg_start']};
-        box-shadow: 0 0 0 2px rgba(107, 107, 107, 0.1);
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Selectbox and multiselect styling */
-    .stSelectbox>div>div>div {{
-        background-color: {get_current_colors()['background']};
-        border: 2px solid {get_current_colors()['border_light']};
-        border-radius: 8px;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Selectbox dropdown options */
-    .stSelectbox div[data-baseweb="select"] {{
-        background-color: {get_current_colors()['background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .stSelectbox div[data-baseweb="select"] > div {{
-        background-color: {get_current_colors()['background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Dropdown menu styling */
-    .stSelectbox div[role="listbox"] {{
-        background-color: {get_current_colors()['background']} !important;
-        border: 2px solid {get_current_colors()['border_medium']} !important;
-        border-radius: 8px !important;
-        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
-    }}
-    
-    /* Individual dropdown options */
-    .stSelectbox div[role="option"] {{
-        background-color: {get_current_colors()['background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-        padding: 8px 12px !important;
-        border-radius: 4px !important;
-        margin: 2px !important;
-    }}
-    
-    .stSelectbox div[role="option"]:hover {{
-        background-color: {get_current_colors()['figure_background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .stSelectbox div[role="option"][aria-selected="true"] {{
-        background-color: {get_current_colors()['button_bg_start']} !important;
-        color: white !important;
-    }}
-    
-    /* Selectbox text and placeholder */
-    .stSelectbox div[data-baseweb="select"] span {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .stSelectbox div[data-baseweb="select"] input {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Alternative selectbox selectors for different Streamlit versions */
-    div[data-testid="stSelectbox"] {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    div[data-testid="stSelectbox"] > div {{
-        background-color: {get_current_colors()['background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    div[data-testid="stSelectbox"] div {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Dropdown portal styling (for options that appear outside the main container) */
-    .css-1n76uvr {{
-        background-color: {get_current_colors()['background']} !important;
-        border: 2px solid {get_current_colors()['border_medium']} !important;
-        border-radius: 8px !important;
-        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
-    }}
-    
-    .css-1n76uvr div {{
-        background-color: {get_current_colors()['background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .stMultiSelect>div>div>div {{
-        background-color: {get_current_colors()['background']};
-        border: 2px solid {get_current_colors()['border_light']};
-        border-radius: 8px;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Multiselect dropdown options */
-    .stMultiSelect div[role="listbox"] {{
-        background-color: {get_current_colors()['background']} !important;
-        border: 2px solid {get_current_colors()['border_medium']} !important;
-        border-radius: 8px !important;
-        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
-    }}
-    
-    .stMultiSelect div[role="option"] {{
-        background-color: {get_current_colors()['background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-        padding: 8px 12px !important;
-        border-radius: 4px !important;
-        margin: 2px !important;
-    }}
-    
-    .stMultiSelect div[role="option"]:hover {{
-        background-color: {get_current_colors()['figure_background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .stMultiSelect div[role="option"][aria-selected="true"] {{
-        background-color: {get_current_colors()['button_bg_start']} !important;
-        color: white !important;
-    }}
-    
-    /* Radio button styling */
-    .stRadio>div {{
-        background-color: {get_current_colors()['background']};
-        border-radius: 8px;
-        padding: 10px;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .stRadio label {{
+    /* Sidebar styling */
+    section[data-testid="stSidebar"] {{
+        background: {get_current_colors()['sidebar_bg_start']};
+        border-right: 2px solid {get_current_colors()['border_light']};
         color: {get_current_colors()['text_primary']} !important;
     }}
     
-    /* Sidebar content styling */
-    .sidebar .sidebar-content {{
-        padding-top: 1rem;
-        background-color: {get_current_colors()['sidebar_bg_start']};
+    section[data-testid="stSidebar"] > div {{
+        background: {get_current_colors()['sidebar_bg_start']};
+        padding-top: 2rem;
         color: {get_current_colors()['text_primary']} !important;
     }}
     
-    hr {{
-        margin: 1rem 0;
-        border-color: {get_current_colors()['border_light']};
-    }}
-    
+    /* Headers styling */
     h1 {{
         padding-bottom: 1rem;
         border-bottom: 3px solid {get_current_colors()['border_medium']};
@@ -372,11 +323,6 @@ def get_base_css():
         font-weight: 600;
     }}
     
-    /* Ensure all text elements have proper color */
-    p, span, div, label, li, td, th {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
     /* Alert box styling */
     .auth-alert {{
         background: {get_current_colors()['alert_error_bg']};
@@ -397,138 +343,6 @@ def get_base_css():
         border: 1px solid {get_current_colors()['alert_info_border']};
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
     }}
-    
-    /* Sidebar info boxes */
-    .stAlert {{
-        background: {get_current_colors()['alert_info_bg']};
-        border: 1px solid {get_current_colors()['text_secondary']};
-        border-radius: 8px;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .info-box {{
-        padding: 20px;
-        background: {get_current_colors()['alert_info_bg']};
-        border-left: 5px solid {get_current_colors()['text_secondary']};
-        border-radius: 10px;
-        margin: 20px 0;
-        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .warning-box {{
-        padding: 20px;
-        background: {get_current_colors()['warning_bg']};
-        border-left: 5px solid {get_current_colors()['warning_border']};
-        border-radius: 10px;
-        margin: 20px 0;
-        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .success-box {{
-        padding: 20px;
-        background: {get_current_colors()['success_bg']};
-        border-left: 5px solid {get_current_colors()['success_border']};
-        border-radius: 10px;
-        margin: 20px 0;
-        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .centered {{
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex-direction: column;
-    }}
-    
-    /* Footer styling */
-    .footer {{
-        text-align: center;
-        font-size: 0.8rem;
-        color: {get_current_colors()['text_light']} !important;
-        margin-top: 2rem;
-        padding-top: 1rem;
-        border-top: 1px solid {get_current_colors()['border_light']};
-    }}
-    
-    /* Additional dropdown styling for various Streamlit implementations */
-    [data-baseweb="popover"] {{
-        background-color: {get_current_colors()['background']} !important;
-        border: 2px solid {get_current_colors()['border_medium']} !important;
-        border-radius: 8px !important;
-        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
-    }}
-    
-    [data-baseweb="popover"] * {{
-        color: {get_current_colors()['text_primary']} !important;
-        background-color: {get_current_colors()['background']} !important;
-    }}
-    
-    [data-baseweb="menu"] {{
-        background-color: {get_current_colors()['background']} !important;
-        border: 2px solid {get_current_colors()['border_medium']} !important;
-        border-radius: 8px !important;
-    }}
-    
-    [data-baseweb="menu"] li {{
-        background-color: {get_current_colors()['background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-        padding: 8px 12px !important;
-    }}
-    
-    [data-baseweb="menu"] li:hover {{
-        background-color: {get_current_colors()['figure_background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Streamlit select widget styling */
-    .stSelectbox .css-1wa3eu0-placeholder {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .stSelectbox .css-1uccc91-singleValue {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Generic dropdown styling */
-    .css-26l3qy-menu {{
-        background-color: {get_current_colors()['background']} !important;
-        border: 2px solid {get_current_colors()['border_medium']} !important;
-        border-radius: 8px !important;
-        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
-    }}
-    
-    .css-26l3qy-menu div {{
-        color: {get_current_colors()['text_primary']} !important;
-        background-color: {get_current_colors()['background']} !important;
-    }}
-    
-    .css-1n7v3ny-option {{
-        background-color: {get_current_colors()['background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-        padding: 8px 12px !important;
-    }}
-    
-    .css-1n7v3ny-option:hover {{
-        background-color: {get_current_colors()['figure_background']} !important;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Force all dropdown-related elements to have proper colors */
-    div[role="listbox"] * {{
-        color: {get_current_colors()['text_primary']} !important;
-        background-color: {get_current_colors()['background']} !important;
-    }}
-    
-    div[role="option"] * {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    div[role="combobox"] * {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
     </style>
     """
 
@@ -562,10 +376,6 @@ def get_home_page_css():
         margin-bottom: 0.5rem;
     }}
     
-    .nav-button * {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
     /* Description boxes */
     .description-box {{
         text-align: center;
@@ -577,16 +387,6 @@ def get_home_page_css():
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
         color: {get_current_colors()['text_primary']} !important;
     }}
-    
-    .description-box p {{
-        color: {get_current_colors()['text_secondary']} !important;
-        margin: 0;
-        font-weight: 500;
-    }}
-    
-    .description-box * {{
-        color: {get_current_colors()['text_secondary']} !important;
-    }}
     </style>
     """
 
@@ -604,18 +404,6 @@ def get_documentation_page_css():
         color: {get_current_colors()['text_primary']} !important;
     }}
     
-    .gaussian-explanation-container * {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .caption {{
-        font-size: 0.85rem;
-        color: {get_current_colors()['text_light']} !important;
-        text-align: center;
-        margin-top: 5px;
-        font-style: italic;
-    }}
-    
     .metric-card {{
         background: {get_current_colors()['background']};
         padding: 15px;
@@ -626,25 +414,6 @@ def get_documentation_page_css():
         color: {get_current_colors()['text_primary']} !important;
     }}
     
-    .metric-card * {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .step-number {{
-        background: linear-gradient(45deg, {get_current_colors()['button_bg_start']}, {get_current_colors()['button_bg_end']});
-        color: white !important;
-        border-radius: 50%;
-        width: 30px;
-        height: 30px;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 10px;
-        font-weight: bold;
-        box-shadow: 0 2px 8px rgba(107, 107, 107, 0.3);
-    }}
-    
-    /* Glossary-specific styles */
     .glossary-term {{
         background: {get_current_colors()['background']};
         padding: 15px;
@@ -654,41 +423,6 @@ def get_documentation_page_css():
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
         color: {get_current_colors()['text_primary']} !important;
     }}
-    
-    .glossary-term * {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .term-title {{
-        font-size: 1.2rem;
-        font-weight: bold;
-        color: {get_current_colors()['text_secondary']} !important;
-        margin-bottom: 8px;
-    }}
-    
-    .term-category {{
-        background: {get_current_colors()['alert_info_bg']};
-        padding: 15px;
-        border-radius: 10px;
-        margin: 20px 0;
-        border-left: 4px solid {get_current_colors()['text_tertiary']};
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .term-category * {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .formula {{
-        background-color: {get_current_colors()['figure_background']};
-        padding: 10px;
-        border-radius: 8px;
-        font-family: monospace;
-        margin: 5px 0;
-        border: 1px solid {get_current_colors()['border_light']};
-        color: {get_current_colors()['text_primary']} !important;
-    }}
     </style>
     """
 
@@ -705,61 +439,6 @@ def get_tool_page_css():
         font-weight: 600;
     }}
     
-    .streamlit-expanderContent {{
-        background-color: {get_current_colors()['background']};
-        border: 1px solid {get_current_colors()['border_light']};
-        border-radius: 0 0 8px 8px;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .streamlit-expanderContent * {{
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    /* Tooltip styles */
-    .tooltip-container {{
-        position: relative;
-        display: inline-block;
-        width: 100%;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-    
-    .tooltip-content {{
-        visibility: hidden;
-        background-color: {get_current_colors()['background']};
-        color: {get_current_colors()['text_primary']} !important;
-        text-align: left;
-        padding: 10px;
-        border-radius: 8px;
-        border: 2px solid {get_current_colors()['border_medium']};
-        position: absolute;
-        z-index: 1;
-        top: 100%;
-        left: 0;
-        margin-top: 5px;
-        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
-        width: 200px;
-    }}
-    
-    .tooltip-container:hover .tooltip-content {{
-        visibility: visible;
-    }}
-
-    .color-legend {{
-        display: flex;
-        align-items: center;
-        margin: 5px 0;
-        color: {get_current_colors()['text_primary']} !important;
-    }}
-
-    .color-box {{
-        width: 15px;
-        height: 15px;
-        margin-right: 10px;
-        border-radius: 3px;
-        border: 1px solid {get_current_colors()['border_medium']};
-    }}
-    
     /* Generate button special styling */
     div[data-testid="stButton"] button {{
         background: linear-gradient(45deg, {get_current_colors()['generate_button_bg']}, {get_current_colors()['generate_button_hover']}) !important;
@@ -797,4 +476,4 @@ def apply_documentation_page_styling():
 def apply_tool_page_styling():
     """Apply styling specific to the analysis tool page."""
     st.markdown(get_base_css(), unsafe_allow_html=True)
-    st.markdown(get_tool_page_css(), unsafe_allow_html=True) 
+    st.markdown(get_tool_page_css(), unsafe_allow_html=True)