Hugging Face's logo

Spaces:
K1SysAdmin
/
KGX3Demo
Sleeping

App Files Community
K1SysAdmin commited on
Commit
a8bd9fb
·
verified ·
1 Parent(s): c1e8597

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +41 -31
app.py CHANGED
@@ -47,49 +47,59 @@ def call_kgx3(title, email, pdf_file, agreement):
47
 
48
  # === STYLE (high-contrast futuristic) ===
49
  FUTURE_CSS = """
50
- * { font-family: 'Courier New', monospace !important; color: #00ff99 !important; box-sizing: border-box; }
51
- body, .gradio-container { background-color: #000 !important; color: #00ff99 !important; }
52
- h1, h2, h3, label, .label {
53
- color: #00ff99 !important; font-weight: 700 !important; text-transform: uppercase;
54
- letter-spacing: 0.5px; margin-bottom: 8px; border-bottom: 1px solid #00ff99; padding-bottom: 4px;
55
  }
56
- p, span, small, strong { color: #00ff99 !important; }
57
- ::placeholder { color: #00ff99 !important; opacity: 0.7; }
58
 
59
- .gr-box, .gr-panel {
60
- background: #000 !important; border: 1px solid #00ff99 !important;
61
- border-radius: 8px; padding: 12px;
 
62
  }
63
- input, textarea, select {
64
- background: #000 !important; border: 1px solid #00ff99 !important;
65
- color: #00ff99 !important; border-radius: 4px; padding: 8px !important;
66
- }
67
- input:focus, textarea:focus {
68
- outline: none !important; border: 1px solid #00ffcc !important; background: #001a10 !important;
69
- }
70
- .upload-box, .file-preview, .wrap-inner {
71
- background: #000 !important; border: 2px solid #00ff99 !important; border-radius: 6px !important;
72
- padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important;
73
- transition: all 0.2s ease-in-out;
74
  }
75
- .upload-box:hover { border-color: #00ffaa !important; background: #001a10 !important; }
 
 
76
  button {
77
- background: #000 !important; color: #00ff99 !important; border: 2px solid #00ff99 !important;
78
- border-radius: 4px; text-transform: uppercase; font-weight: 700; padding: 8px 16px !important;
79
- letter-spacing: 0.5px; transition: all 0.15s ease-in-out;
 
 
 
 
 
80
  }
81
- button:hover { background: #00ff99 !important; color: #000 !important; }
 
 
82
  pre, code, .cm-editor, .cm-content, .cm-line {
83
- background: #000 !important; color: #00ff99 !important; border: 1px solid #00ff99 !important;
84
- border-radius: 6px; padding: 10px !important; font-size: 0.9rem;
 
 
85
  }
86
- input[type=checkbox] { accent-color: #00ff99 !important; transform: scale(1.2); }
 
 
 
 
87
  ::-webkit-scrollbar { width: 8px; background: #000; }
88
  ::-webkit-scrollbar-thumb { background: #00ff99; border-radius: 4px; }
89
- footer, .footer, small { color: #00ff99 !important; opacity: 0.8; text-align: center; letter-spacing: 0.4px; }
90
  """
91
 
92
-
93
  # === BUILD APP ===
94
  with gr.Blocks(css=FUTURE_CSS, title="Shared KGX3 API Endpoint") as demo:
95
  gr.Markdown("""
 
47
 
48
  # === STYLE (high-contrast futuristic) ===
49
  FUTURE_CSS = """
50
+ /* === GLOBAL RESET === */
51
+ html, body, .gradio-container {
52
+ background-color: #000 !important;
53
+ color: #00ff99 !important;
54
+ font-family: 'Courier New', monospace !important;
55
  }
56
+ * { color: #00ff99 !important; box-sizing: border-box; }
 
57
 
58
+ /* === BOXES, PANELS, COLUMNS === */
59
+ div, section, .gr-block, .gr-panel, .gr-box, .gr-column, .gr-row {
60
+ background-color: #000 !important;
61
+ border-color: #00ff99 !important;
62
  }
63
+
64
+ /* === INPUTS, TEXTAREA, FILE UPLOAD === */
65
+ input, textarea, select, .upload-box, .file-preview, .wrap-inner, .file-preview-container {
66
+ background-color: #000 !important;
67
+ color: #00ff99 !important;
68
+ border: 1px solid #00ff99 !important;
69
+ border-radius: 4px !important;
70
+ padding: 6px 8px !important;
 
 
 
71
  }
72
+ ::placeholder { color: #00ff99 !important; opacity: 0.6; }
73
+
74
+ /* === BUTTONS === */
75
  button {
76
+ background-color: #000 !important;
77
+ color: #00ff99 !important;
78
+ border: 2px solid #00ff99 !important;
79
+ border-radius: 4px;
80
+ text-transform: uppercase;
81
+ font-weight: 700;
82
+ letter-spacing: 0.5px;
83
+ padding: 8px 16px !important;
84
  }
85
+ button:hover { background-color: #00ff99 !important; color: #000 !important; }
86
+
87
+ /* === CODE OUTPUT === */
88
  pre, code, .cm-editor, .cm-content, .cm-line {
89
+ background-color: #000 !important;
90
+ color: #00ff99 !important;
91
+ border: 1px solid #00ff99 !important;
92
+ border-radius: 4px;
93
  }
94
+
95
+ /* === CHECKBOX === */
96
+ input[type=checkbox] { accent-color: #00ff99 !important; transform: scale(1.1); }
97
+
98
+ /* === SCROLLBARS === */
99
  ::-webkit-scrollbar { width: 8px; background: #000; }
100
  ::-webkit-scrollbar-thumb { background: #00ff99; border-radius: 4px; }
 
101
  """
102
 
 
103
  # === BUILD APP ===
104
  with gr.Blocks(css=FUTURE_CSS, title="Shared KGX3 API Endpoint") as demo:
105
  gr.Markdown("""