Update app.py

app.py

@@ -119,8 +119,8 @@ body {
 }
 
 .gr-button {
-    background-color: blue !important;
-    color: #FFFFFF !important;
+    background-color: gray !important;
+    color: blue !important;
 }
 
 .gr-button:hover {
@@ -174,6 +174,24 @@ label {
     color: blue !important;
 }
 
+"""
+custom_js = """
+<script>
+window.onload = function() {
+    const chatInput = document.querySelector('textarea[data-testid="textbox-input"]');
+    const chatOutput = document.querySelector('textarea[data-testid="textbox-output"]');
+
+    if (chatInput) {
+        chatInput.style.direction = 'rtl';
+        chatInput.style.textAlign = 'right';
+    }
+
+    if (chatOutput) {
+        chatOutput.style.direction = 'rtl';
+        chatOutput.style.textAlign = 'right';
+    }
+};
+</script>
 """
 # Function to check if the file is a valid PDF in Arabic and less than 10MB
 def validate_pdf(pdf):
@@ -236,7 +254,7 @@ def chat(user_input):
     return assistant_response, audio_file
 
 with gr.Blocks(css=custom_css) as demo:
-    
+    gr.HTML(custom_js)
     pdf_input = gr.File(label="اختر ملف PDF")
     output_label = gr.HTML(value='')  # Replaced Textbox with HTML for label
     submit_button_pdf = gr.Button("ارفع الملف", interactive=False)