Spaces:
Sleeping
Sleeping
| # config/themes.py | |
| """UI Themes and styling configurations""" | |
| THEMES = { | |
| "default": { | |
| "primary_color": "#6A057F", # Deeper purple | |
| "background_color": "#F8F8F8", # Light gray background | |
| "secondary_background_color": "#EAEAEA", # Slightly darker gray for sidebar | |
| "text_color": "#333333", # Darker text for contrast | |
| "font": "sans serif", | |
| }, | |
| "dark": { | |
| "primary_color": "#BB86FC", # Lighter purple for dark mode | |
| "background_color": "#121212", # Dark background | |
| "secondary_background_color": "#1E1E1E", # Darker gray for sidebar | |
| "text_color": "#E0E0E0", # Light text | |
| "font": "sans serif", | |
| }, | |
| "ocean": { | |
| "primary_color": "#006994", | |
| "background_color": "#E6F3F7", | |
| "secondary_background_color": "#B8E0ED", | |
| "text_color": "#003D5C", | |
| "font": "sans serif", | |
| }, | |
| "sunset": { | |
| "primary_color": "#FF6B6B", | |
| "background_color": "#FFF5F5", | |
| "secondary_background_color": "#FFE0E0", | |
| "text_color": "#4A0E0E", | |
| "font": "sans serif", | |
| }, | |
| "forest": { | |
| "primary_color": "#2D6A4F", | |
| "background_color": "#F3FFF8", | |
| "secondary_background_color": "#D8F3DC", | |
| "text_color": "#1B4332", | |
| "font": "sans serif", | |
| }, | |
| "futuristic_vibrant": { # New theme | |
| "primary_color": "#38BDF8", # Sky Blue (Accent) | |
| "background_color": "#F8FAFC", # Off White (Background) | |
| "secondary_background_color": "#E2E8F0", # Slightly darker off-white for sidebar | |
| "text_color": "#1E293B", # Dark Gray (Text) | |
| "highlight_color": "#F43F5E", # Rose Red (Highlight) | |
| "font": "sans serif", # Poppins is already imported globally | |
| }, | |
| "cyberpunk": { | |
| "primary_color": "#FF00FF", | |
| "background_color": "#000000", | |
| "secondary_background_color": "#1A1A1A", | |
| "text_color": "#FFFFFF", | |
| "highlight_color": "#00FFFF", | |
| "font": "monospace", | |
| }, | |
| "retro": { | |
| "primary_color": "#FFD700", | |
| "background_color": "#F0EAD6", | |
| "secondary_background_color": "#D3C5AA", | |
| "text_color": "#5D4037", | |
| "highlight_color": "#FF5722", | |
| "font": "'Courier New', Courier, monospace", | |
| }, | |
| "minty": { | |
| "primary_color": "#66DDAA", | |
| "background_color": "#F0FFF0", | |
| "secondary_background_color": "#D4F8E8", | |
| "text_color": "#2F4F4F", | |
| "highlight_color": "#FF6347", | |
| "font": "sans-serif", | |
| }, | |
| "solarized": { | |
| "primary_color": "#268BD2", | |
| "background_color": "#FDF6E3", | |
| "secondary_background_color": "#EEE8D5", | |
| "text_color": "#657B83", | |
| "highlight_color": "#D33682", | |
| "font": "sans-serif", | |
| }, | |
| "dracula": { | |
| "primary_color": "#BD93F9", | |
| "background_color": "#282A36", | |
| "secondary_background_color": "#44475A", | |
| "text_color": "#F8F8F2", | |
| "highlight_color": "#50FA7B", | |
| "font": "monospace", | |
| }, | |
| } | |
| MOBILE_BREAKPOINT = 768 # pixels | |
| # Component specific styles (can be used to inject inline styles or modify global CSS) | |
| COMPONENT_STYLES = { | |
| "quiz_card": { | |
| "border_radius": "20px", | |
| "padding": "30px", | |
| "shadow": "0 8px 32px rgba(0,0,0,0.1)", | |
| "transition": "all 0.3s ease", | |
| }, | |
| "button": { | |
| "border_radius": "30px", | |
| "padding": "12px 24px", | |
| "font_weight": "600", | |
| "transition": "all 0.3s ease", | |
| }, | |
| "stat_card": { | |
| "border_radius": "16px", | |
| "padding": "24px", | |
| "shadow": "0 4px 20px rgba(0,0,0,0.08)", | |
| }, | |
| } | |
| # Animation settings | |
| ANIMATIONS = { | |
| "fade_in": {"class": "fade-in", "duration": "0.5s", "timing": "ease-out"}, | |
| "slide_in_left": {"class": "slide-in-left", "duration": "0.5s", "timing": "ease-out"}, | |
| "pulse": {"class": "pulse", "duration": "2s", "timing": "ease-in-out"}, | |
| "pop_in": {"class": "pop-in", "duration": "0.4s", "timing": "ease-out"}, | |
| } | |