Updating theme for app

app.py

@@ -142,14 +142,16 @@ custom_css="""
   width: 100vw;
   max-width: 1500px;
 }
-.gradio_interface[theme=default] .panel_buttons {
+.gradio_page[theme=default] .panel_buttons {
   justify-content: flex-end;
 }
-.gradio_interface[theme=default] .panel_button {
+
+.gradio_page[theme=default] .panel_button {
   flex: 0 0 0;
   min-width: 150px;
 }
-.gradio_interface[theme=default] .panel_button.submit { 
+
+.gradio_page[theme=default] .gradio_interface .panel_button.submit { 
   background: #11213A;
   border-radius: 5px;
   color: #FFFFFF;
@@ -159,52 +161,55 @@ custom_css="""
   letter-spacing: 0.15em;
   flex: 0 0 0;
 }
-.gradio_interface[theme=default] .panel_button.submit:hover { 
+.gradio_page[theme=default] .gradio_interface .panel_button.submit:hover { 
   background: #000000;
 }
 
-.input_text {
-  font: 200 50px garamond-premier-pro-display, serif;
-  line-height: 115%;
-  color: #11213A;
-  border-radius: 0px;
-  border: 3px solid #11213A;
-}
 .input_text:focus {
   border-color: #FA7880;
 }
-.gradio_interface[theme=default] .input_text input, 
-.gradio_interface[theme=default] .input_text textarea {
-  padding: 30px;
+.gradio_page[theme=default] .gradio_interface .input_text input, 
+.gradio_page[theme=default] .gradio_interface .input_text textarea {
+  font: 200 45px garamond-premier-pro-display, serif;
+  line-height: 110%;
+  color: #11213A;
+  border-radius: 5px;
+  padding: 15px;
+  border: none;
+  background: #F2F4F4;
 }
 .input_text textarea:focus-visible { 
   outline: none;
 }
+
 .panel:nth-child(1) {
   margin-left: 50px;
   margin-right: 50px;
-  margin-top: 80px;
   margin-bottom: 80px;
   max-width: 750px;
 }
-.panel:nth-child(2) {
-  background: #D3ECF5;
+.panel {
+  background: transparent;
+}
+.panel:nth-child(2) .gradio_page[theme=default] .gradio_interface .component_set {
+  background: transparent;
 }
-.gradio_interface[theme=default] .output_image .image_preview_holder {
-  background: #D3ECF5;
+.panel:nth-child(2) .gradio_page[theme=default] .gradio_interface .panel_header {
+  display: none;
 }
-.gradio_interface[theme=default] .component_set  {
+.gradio_page[theme=default] .component_set  {
   background: transparent;
   opacity: 1 !important;
 }""" 
 creative_slider = gr.inputs.Radio(["Low", "Medium", "High"], default="Low", label='Creativity')
-textbox = gr.inputs.Textbox(placeholder='a house with two bedrooms and one bathroom', lines="2", 
-                            label="DESCRIBE YOUR DESIGN")
+textbox = gr.inputs.Textbox(placeholder='An apartment with two bedrooms and one bathroom', lines="3", 
+                            label="DESCRIBE YOUR IDEAL APARTMENT")
 generated = gr.outputs.Image(label='Generated Layout')
 
 iface = gr.Interface(fn=prompt_to_layout, inputs=[textbox, creative_slider], 
                       outputs=[generated],
                       css=custom_css,
+                      theme="default",
                       allow_flagging=False,
                       allow_screenshot=False,
                       thumbnail="thumbnail_gradio.PNG")