Spaces:
Running on Zero
Running on Zero
feat(ui): apply Topaz Cinema Slate theme tokens
Browse files
app.py
CHANGED
|
@@ -187,8 +187,47 @@ _CUSTOM_CSS = """
|
|
| 187 |
# ---------------------------------------------------------------------------
|
| 188 |
|
| 189 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 190 |
def build_app() -> gr.Blocks:
|
| 191 |
-
with gr.Blocks(theme=
|
| 192 |
gr.Markdown("# ⚡ LTX 2.3 All-in-One")
|
| 193 |
|
| 194 |
with gr.Row(elem_classes=["aio-shell"]):
|
|
|
|
| 187 |
# ---------------------------------------------------------------------------
|
| 188 |
|
| 189 |
|
| 190 |
+
_TOPAZ_THEME = gr.themes.Base(
|
| 191 |
+
primary_hue=gr.themes.Color(
|
| 192 |
+
c50="#FBE5C7", c100="#F5D29C", c200="#EFC174", c300="#E9B05A",
|
| 193 |
+
c400="#E5A75B", c500="#E0A458", c600="#C68D3F", c700="#A6722E",
|
| 194 |
+
c800="#7E5722", c900="#583C18", c950="#3A2810",
|
| 195 |
+
),
|
| 196 |
+
neutral_hue=gr.themes.Color(
|
| 197 |
+
c50="#E6E8EB", c100="#C9CDD3", c200="#ACB1B9", c300="#909700",
|
| 198 |
+
c400="#7C8693", c500="#626972", c600="#4A4F58", c700="#363B43",
|
| 199 |
+
c800="#262C35", c900="#1A1F26", c950="#12161B",
|
| 200 |
+
),
|
| 201 |
+
font=(gr.themes.GoogleFont("IBM Plex Sans"), "ui-sans-serif", "system-ui", "sans-serif"),
|
| 202 |
+
font_mono=(gr.themes.GoogleFont("IBM Plex Mono"), "ui-monospace", "monospace"),
|
| 203 |
+
).set(
|
| 204 |
+
body_background_fill="#12161B",
|
| 205 |
+
background_fill_primary="#12161B",
|
| 206 |
+
background_fill_secondary="#1A1F26",
|
| 207 |
+
block_background_fill="#1A1F26",
|
| 208 |
+
block_label_background_fill="transparent",
|
| 209 |
+
body_text_color="#E6E8EB",
|
| 210 |
+
body_text_color_subdued="#7C8693",
|
| 211 |
+
border_color_primary="#262C35",
|
| 212 |
+
border_color_accent="#E0A458",
|
| 213 |
+
button_primary_background_fill="#E0A458",
|
| 214 |
+
button_primary_background_fill_hover="#F0B870",
|
| 215 |
+
button_primary_text_color="#12161B",
|
| 216 |
+
button_secondary_background_fill="#1A1F26",
|
| 217 |
+
button_secondary_background_fill_hover="#232930",
|
| 218 |
+
button_secondary_text_color="#E6E8EB",
|
| 219 |
+
button_secondary_border_color="#262C35",
|
| 220 |
+
input_background_fill="#12161B",
|
| 221 |
+
input_border_color="#262C35",
|
| 222 |
+
input_border_color_focus="#E0A458",
|
| 223 |
+
error_background_fill="#3A1E20",
|
| 224 |
+
error_text_color="#F4A6A8",
|
| 225 |
+
slider_color="#E0A458",
|
| 226 |
+
)
|
| 227 |
+
|
| 228 |
+
|
| 229 |
def build_app() -> gr.Blocks:
|
| 230 |
+
with gr.Blocks(theme=_TOPAZ_THEME, title="LTX 2.3 Studio", css=_CUSTOM_CSS) as app:
|
| 231 |
gr.Markdown("# ⚡ LTX 2.3 All-in-One")
|
| 232 |
|
| 233 |
with gr.Row(elem_classes=["aio-shell"]):
|