Added additional custom CSS components

app.py

@@ -572,7 +572,7 @@ def update_use_embeddings(widget, state):
         return state
 
 
-with gr.Blocks(css=".gradio-container {background-color: #090c17} #gr-component {background-color: #202937}") as block:
+with gr.Blocks(css=".gradio-container {background-color: #090c17} #gr-component {background-color: #202937, background-color: #202937, border-color: #384253, color: #bcc0c6}") as block:
     llm_state = gr.State()
     history_state = gr.State()
     chain_state = gr.State()
@@ -611,7 +611,7 @@ with gr.Blocks(css=".gradio-container {background-color: #090c17} #gr-component
     with gr.Tab("Chat", elem_id="gr-component"):
         with gr.Row():
             openai_api_key_textbox = gr.Textbox(placeholder="Paste your OpenAI API key (sk-...)",
-                                                show_label=False, lines=1, type='password')
+                                                show_label=False, lines=1, type='password', elem_id="gr-component")
 
         with gr.Row():
             with gr.Column(scale=7):
@@ -622,9 +622,9 @@ with gr.Blocks(css=".gradio-container {background-color: #090c17} #gr-component
                                  placeholder="What's the answer to life, the universe, and everything?",
                                  lines=1,
                                  elem_id="gr-component")
-            submit = gr.Button(value="Send", variant="secondary").style(full_width=False)
+            submit = gr.Button(value="Send", variant="secondary", elem_id="gr-component").style(full_width=False)
 
-    with gr.Tab("Settings"):
+    with gr.Tab("Settings", elem_id="gr-component"):
         tools_cb_group = gr.CheckboxGroup(label="Tools:", choices=TOOLS_LIST,
                                           value=TOOLS_DEFAULT_LIST, elem_id="gr-component")
         tools_cb_group.change(update_selected_tools,