| import gradio as gr |
| import os |
|
|
|
|
| CUSTOM_CSS = """ |
| @import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css'); |
| body, .gradio-container { |
| font-family: 'Vazirmatn', Tahoma, sans-serif !important; |
| background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) !important; |
| background-attachment: fixed !important; |
| } |
| .glass-panel { |
| background: rgba(255, 255, 255, 0.85) !important; |
| backdrop-filter: blur(16px) !important; |
| -webkit-backdrop-filter: blur(16px) !important; |
| border-radius: 20px !important; |
| border: 1px solid rgba(255, 255, 255, 0.6) !important; |
| box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1) !important; |
| padding: 25px !important; |
| margin-bottom: 25px !important; |
| transition: transform 0.3s ease, box-shadow 0.3s ease !important; |
| } |
| .glass-panel:hover { |
| box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.15) !important; |
| } |
| .login-box { max-width: 450px !important; margin: 80px auto !important; text-align: center; } |
| .header-text { background: linear-gradient(45deg, #1565c0, #00acc1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; text-align: center; font-size: 2.2em; margin-bottom: 5px; } |
| .primary-btn { background: linear-gradient(45deg, #1b6ca8, #4facfe) !important; border: none !important; color: white !important; font-weight: bold !important; font-size: 16px !important; border-radius: 12px !important; box-shadow: 0 4px 15px rgba(27,108,168,0.3) !important; transition: all 0.3s ease !important; } |
| .primary-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(27,108,168,0.5) !important; } |
| .secondary-btn { border-radius: 12px !important; transition: all 0.3s ease !important; background: white !important; color: #1b6ca8 !important; border: 2px solid #1b6ca8 !important; } |
| .secondary-btn:hover { background: #f0f8ff !important; transform: translateY(-2px) !important; } |
| .section-title { color: #0f172a; font-weight: bold; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px; margin-bottom: 20px; } |
| textarea, input { border-radius: 12px !important; border: 1px solid #cbd5e1 !important; } |
| textarea:focus, input:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.2) !important; } |
| .tabs { background: transparent !important; border: none !important; } |
| .tab-nav { border-bottom: 2px solid #e2e8f0 !important; margin-bottom: 15px !important; } |
| .tab-nav button.selected { color: #1b6ca8 !important; border-bottom: 3px solid #1b6ca8 !important; font-weight: bold !important; } |
| """ |
| |
| |
| theme = gr.themes.Soft( |
| primary_hue="blue", |
| secondary_hue="cyan", |
| font=[gr.themes.GoogleFont("Vazirmatn"), "Arial", "sans-serif"] |
| ) |
| |
| |
| demo = gr.load( |
| "spaces/Feri007/GIapp-private", |
| hf_token=os.environ.get("HF_TOKEN") |
| ) |
| |
| |
| demo.css = CUSTOM_CSS |
| demo.theme = theme |
| |
| |
| if __name__ == "__main__": |
| demo.launch() |
