Update app.py
Browse files
app.py
CHANGED
|
@@ -128,9 +128,93 @@ css = """
|
|
| 128 |
color: silver;
|
| 129 |
}
|
| 130 |
"""
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 131 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 132 |
# Creating Gradio interface
|
| 133 |
-
with gr.Blocks(css=
|
| 134 |
# Displaying the application title
|
| 135 |
gr.HTML('<div id="banner">✨ Flux MultiMode Generator + Upscaler ✨</div>')
|
| 136 |
|
|
|
|
| 128 |
color: silver;
|
| 129 |
}
|
| 130 |
"""
|
| 131 |
+
css2="""
|
| 132 |
+
.gradio-container {
|
| 133 |
+
background-image: linear-gradient(#000000, #0a0a0a, #111111) !important;
|
| 134 |
+
color: #00ffff !important;
|
| 135 |
+
font-family: 'IBM Plex Sans', sans-serif !important;
|
| 136 |
+
}
|
| 137 |
+
|
| 138 |
+
h1 {
|
| 139 |
+
font-size: 6em;
|
| 140 |
+
color: #ff00ff;
|
| 141 |
+
margin-top: 30px;
|
| 142 |
+
margin-bottom: 30px;
|
| 143 |
+
text-shadow: 3px 3px 5px rgba(255, 0, 255, 0.8) !important;
|
| 144 |
+
}
|
| 145 |
+
|
| 146 |
+
h3 {
|
| 147 |
+
color: #00ff99 !important;
|
| 148 |
+
}
|
| 149 |
+
|
| 150 |
+
h4 {
|
| 151 |
+
display: inline-block;
|
| 152 |
+
color: #ffffff !important;
|
| 153 |
+
}
|
| 154 |
+
|
| 155 |
+
.wrapper img {
|
| 156 |
+
font-size: 98% !important;
|
| 157 |
+
white-space: nowrap !important;
|
| 158 |
+
text-align: center !important;
|
| 159 |
+
display: inline-block !important;
|
| 160 |
+
color: #ffffff !important;
|
| 161 |
+
}
|
| 162 |
+
|
| 163 |
+
.wrapper {
|
| 164 |
+
color: #ffffff !important;
|
| 165 |
+
}
|
| 166 |
+
|
| 167 |
+
.text-gray-500 {
|
| 168 |
+
color: #ff0099 !important;
|
| 169 |
+
}
|
| 170 |
|
| 171 |
+
.gr-box {
|
| 172 |
+
background-image: linear-gradient(#111111, #0a0a0a, #000000) !important;
|
| 173 |
+
border-top-color: #ff00ff !important;
|
| 174 |
+
border-right-color: #00ffff !important;
|
| 175 |
+
border-bottom-color: #ff00ff !important;
|
| 176 |
+
border-left-color: #00ffff !important;
|
| 177 |
+
}
|
| 178 |
+
|
| 179 |
+
.gr-input {
|
| 180 |
+
color: #00ff99 !important;
|
| 181 |
+
background-color: #111111 !important;
|
| 182 |
+
}
|
| 183 |
+
|
| 184 |
+
:root {
|
| 185 |
+
--neutral-100: #000000 !important;
|
| 186 |
+
}
|
| 187 |
+
|
| 188 |
+
.gr-button {
|
| 189 |
+
color: #ffffff !important;
|
| 190 |
+
text-shadow: 1px 1px 5px rgba(0, 255, 255, 0.8) !important;
|
| 191 |
+
background-image: linear-gradient(#002244, #004488) !important;
|
| 192 |
+
border-radius: 24px !important;
|
| 193 |
+
border: solid 1px !important;
|
| 194 |
+
border-top-color: #00ffff !important;
|
| 195 |
+
border-right-color: #ff00ff !important;
|
| 196 |
+
border-bottom-color: #ff00ff !important;
|
| 197 |
+
border-left-color: #00ffff !important;
|
| 198 |
+
padding: 6px 30px;
|
| 199 |
+
}
|
| 200 |
+
|
| 201 |
+
.gr-button:active {
|
| 202 |
+
color: #ff00ff !important;
|
| 203 |
+
font-size: 98% !important;
|
| 204 |
+
text-shadow: 0px 0px 5px rgba(255, 0, 255, 0.8) !important;
|
| 205 |
+
background-image: linear-gradient(#004488, #002244) !important;
|
| 206 |
+
border-top-color: #ff00ff !important;
|
| 207 |
+
border-right-color: #00ffff !important;
|
| 208 |
+
border-bottom-color: #00ffff !important;
|
| 209 |
+
border-left-color: #ff00ff !important;
|
| 210 |
+
}
|
| 211 |
+
|
| 212 |
+
.gr-button:hover {
|
| 213 |
+
filter: brightness(150%);
|
| 214 |
+
}
|
| 215 |
+
"""
|
| 216 |
# Creating Gradio interface
|
| 217 |
+
with gr.Blocks(css=css2, theme=IndonesiaTheme()) as WallpaperFluxMaker:
|
| 218 |
# Displaying the application title
|
| 219 |
gr.HTML('<div id="banner">✨ Flux MultiMode Generator + Upscaler ✨</div>')
|
| 220 |
|