Update app.py

app.py

@@ -11,7 +11,151 @@ MAX_SEED = np.iinfo(np.int32).max
 
 HF_TOKEN = os.getenv('HF_TOKEN')
 HF_TOKEN_UPSCALER = os.getenv('HF_TOKEN')
+css2="""
+/* Apply dark theme (black background) */
+body {
+    background-color: #000000;
+    color: #FFFFFF;
+}
 
+/* Style the Gradio interface */
+.gradio-container {
+    background-color: #000000;
+    border: 2px solid #FFFFFF;
+    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
+}
+
+/* Title and markdown text */
+.gradio-markdown h1, .gradio-markdown h2, .gradio-markdown h3 {
+    color: #FFFFFF;
+}
+
+/* Input boxes (e.g., Textbox) */
+.gradio-textbox input, .gradio-textbox textarea {
+    background-color: #222222;
+    color: #FFFFFF;
+    border: 2px solid #444444;
+    border-radius: 8px;
+    padding: 10px;
+    font-size: 16px;
+    box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
+    transition: 0.3s ease-in-out;
+}
+
+.gradio-textbox input:focus, .gradio-textbox textarea:focus {
+    border-color: #ff00ff;
+    box-shadow: 0 0 10px rgba(255, 0, 255, 0.7);
+}
+
+/* Buttons */
+.gradio-button {
+    background: linear-gradient(45deg, #ff007f, #ff00ff, #00ff00, #00ffff, #0000ff, #ff8c00);
+    color: white;
+    font-weight: bold;
+    border: 2px solid #444444;
+    border-radius: 10px;
+    padding: 12px 20px;
+    box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
+    cursor: pointer;
+    transition: 0.3s ease-in-out;
+    font-size: 16px;
+    text-transform: uppercase;
+}
+
+.gradio-button:hover {
+    background: linear-gradient(45deg, #ff8c00, #00ffff, #ff00ff, #ff007f, #0000ff, #00ff00);
+    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
+}
+
+/* Dropdown */
+.gradio-dropdown select {
+    background-color: #222222;
+    color: #FFFFFF;
+    border: 2px solid #444444;
+    border-radius: 8px;
+    padding: 8px 12px;
+    box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
+}
+
+.gradio-dropdown select:focus {
+    border-color: #ff00ff;
+    box-shadow: 0 0 10px rgba(255, 0, 255, 0.7);
+}
+
+/* Chatbot box */
+.gradio-chatbot {
+    background-color: #222222;
+    border: 2px solid #444444;
+    color: #FFFFFF;
+    padding: 15px;
+    border-radius: 12px;
+    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
+}
+
+/* Slider */
+.gradio-slider input {
+    background-color: #222222;
+    border: 2px solid #444444;
+    color: #FFFFFF;
+    border-radius: 8px;
+    padding: 10px;
+    box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
+}
+
+.gradio-slider input:focus {
+    border-color: #ff00ff;
+    box-shadow: 0 0 10px rgba(255, 0, 255, 0.7);
+}
+
+/* Accordion */
+.gradio-accordion {
+    background-color: #222222;
+    border: 2px solid #444444;
+    color: #FFFFFF;
+    padding: 15px;
+    border-radius: 12px;
+    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
+}
+
+.gradio-accordion-button {
+    background-color: #444444;
+    color: #FFFFFF;
+    border: none;
+    border-radius: 8px;
+    padding: 8px 16px;
+    box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
+    transition: 0.3s ease-in-out;
+}
+
+.gradio-accordion-button:hover {
+    background-color: #ff00ff;
+    box-shadow: 0 0 15px rgba(255, 0, 255, 0.5);
+}
+
+/* General hover effect for all Gradio elements */
+.gradio-container *:hover {
+    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
+}
+
+/* Animation for glowing neon effect */
+@keyframes neon {
+    0% {
+        text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000, 0 0 15px #ff0000, 0 0 20px #ff0000, 0 0 25px #ff0000, 0 0 30px #ff0000;
+    }
+    50% {
+        text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00, 0 0 15px #00ff00, 0 0 20px #00ff00, 0 0 25px #00ff00, 0 0 30px #00ff00;
+    }
+    100% {
+        text-shadow: 0 0 5px #0000ff, 0 0 10px #0000ff, 0 0 15px #0000ff, 0 0 20px #0000ff, 0 0 25px #0000ff, 0 0 30px #0000ff;
+    }
+}
+
+/* Apply glowing text effect */
+.gradio-container h1, .gradio-container h2, .gradio-container h3, .gradio-container p {
+    animation: neon 1.5s ease-in-out infinite alternate;
+}
+
+"""
 def load_local_loras(lora_directory="lora_models"):
     """Load loras from local safetensor files"""
     loras_list_custom = []