update font title

S2I/commons/css.py

@@ -171,9 +171,21 @@ css = """
         padding: 10px;
     }
 }
-# .flex{
-#     background-color: #0b0f19;
-# }
+
+#title {
+  font-size: var(--title-font-size);
+  color: #333;
+  font-family: 'Helvetica Neue', sans-serif;
+  text-transform: uppercase;
+  background: transparent;
+}
+
+#title span {
+  background: linear-gradient(45deg, #4EACEF, #28b485);
+  background-clip: text;
+  color: transparent;
+}
+
 """
 
 scripts = """

app.py

@@ -185,7 +185,7 @@ with gr.Blocks(css=css, theme="NoCrypt/miku@1.2.1") as demo:
             )
     with gr.Row(elem_id="main_row"):
         with gr.Column(elem_id="column_input"):
-            gr.Markdown("## SKETCH", elem_id="input_header")
+            gr.Markdown("## SKETCH", elem_id="title")
             image = gr.Sketchpad(
                 type="pil",
                 height=512,
@@ -207,7 +207,7 @@ with gr.Blocks(css=css, theme="NoCrypt/miku@1.2.1") as demo:
             )
 
         with gr.Column(elem_id="column_output"):
-            gr.Markdown("## IMAGE GENERATE", elem_id="output_header")
+            gr.Markdown("## IMAGE GENERATE", elem_id="title")
             result = gr.Image(
                 label="Result",
                 height=440,