Update app.py

app.py

@@ -187,9 +187,57 @@ def ask_openai_with_image(instruction, image):
         return f"Error: {response.status_code} - {response.text}"
 css = """
 footer {visibility: hidden !important;}
+
+:root {
+  --primary-color: #A3B9CC;
+  --primary-light-color: #CAD7E2;
+  --primary-dark-color: #7A8E9D;
+  --text-color: #E0E5EE;
+  --text-light-color: #FFFFFF;
+  --text-dark-color: #A3B9CC;
+  --background-color: #1F2933;
+  --background-light-color: #2E3A47;
+  --background-dark-color: #161D24;
+  --highlight-color: #E5C1CD;
+  --highlight-light-color: #F3DDE1;
+  --highlight-dark-color: #D0A3B0;
+  --border-color: #A3B9CC;
+  --border-radius: 8px;
+}
+
+body {
+  font-family: 'Inter', sans-serif;
+  color: var(--text-color);
+  background-color: var(--background-color);
+}
+
+input, button, select, textarea {
+  color: var(--text-color);
+  background-color: var(--background-light-color);
+  border: 2px solid var(--border-color);
+  border-radius: var(--border-radius);
+}
+
+button {
+  background-color: var(--primary-color);
+  color: var(--text-light-color);
+}
+
+button:hover {
+  background-color: var(--primary-light-color);
+}
+
+button:active {
+  background-color: var(--primary-dark-color);
+}
+
+.gradio_highlight {
+  background-color: var(--highlight-color);
+  color: var(--text-dark-color);
+}
 """
 # Создаем интерфейс с помощью Gradio
-with gr.Blocks(css=css, theme=json_theme) as demo:
+with gr.Blocks(css=css) as demo:
     with gr.Row():
         with gr.Column():
             image_input = gr.Image(label="Фото", type="pil")