V1

.gradio/cached_examples/13/log.csv

@@ -0,0 +1,2 @@
+Output,timestamp
+"{""path"": "".gradio/cached_examples/13/Output/7d9aa6ebebf5e1f900fd/image.webp"", ""url"": ""/gradio_api/file=/tmp/gradio/bcac034685c5cc1a53d7138a73fdc4a0a38bcb6fb2ea47bdeb1677184d92ab9b/image.webp"", ""size"": null, ""orig_name"": ""image.webp"", ""mime_type"": null, ""is_stream"": false, ""meta"": {""_type"": ""gradio.FileData""}}",2025-01-19 23:32:19.813025

app.py

@@ -1,3 +1,43 @@
 import gradio as gr
 
-gr.load("models/strangerzonehf/Flux-Midjourney-Mix2-LoRA").launch()
+# Custom CSS styling
+custom_css = """
+body {
+    margin: 0;
+    padding: 0;
+    background-color: #1e1e1e; /* Dark gray background */
+    color: #ffffff; /* White text for contrast */
+    font-family: Arial, sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+.gradio-container {
+    border: 1px solid #444; /* Subtle dark border */
+    background-color: #2b2b2b; /* Slightly lighter dark theme for container */
+    border-radius: 8px; /* Rounded edges */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Shadow effect */
+    padding: 10px;
+}
+
+button {
+    background-color: #444; /* Dark button with light hover effect */
+    color: #ffffff;
+    border: 1px solid #666;
+    padding: 10px 20px;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+button:hover {
+    background-color: #666; /* Slightly lighter on hover */
+}
+"""
+
+# Load your Gradio model
+demo = gr.load("models/strangerzonehf/Flux-Midjourney-Mix2-LoRA")
+
+# Launch with CSS customization
+demo.launch(css=custom_css)