fix: text area background color

Author: Kiran-Siluveru-Microsoft

src/frontend/wwwroot/task/task.css

@@ -241,7 +241,6 @@ textarea {
   justify-content: space-between;
   align-items: left;
   padding: 0px 5px;
-  background-color: white;
 }
 
 .bottom-bar {
@@ -251,7 +250,6 @@ textarea {
   padding: 3px 10px;
   border-top: none;
   border-bottom: 4px solid #0f6cbd;
-  background-color: white;
 }
 
 .send-button {

src/frontend/wwwroot/task/task.js

@@ -224,10 +224,14 @@
         const isHumanClarificationRequestNull = data?.[0]?.human_clarification_request === null
         const taskMessageTextareaElement =document.getElementById("taskMessageTextarea");
         const taskMessageAddButton = document.getElementById("taskMessageAddButton");
+        const textInputContainer = document.getElementsByClassName("text-input-container");
+        
         if(isHumanClarificationRequestNull && taskMessageTextareaElement){
           taskMessageTextareaElement.setAttribute('disabled', true)
+          taskMessageTextareaElement.style.backgroundColor = "lightgray"
         } else {
           taskMessageTextareaElement.removeAttribute('disabled')
+          taskMessageTextareaElement.style.backgroundColor = "white"
         }
         if(isHumanClarificationRequestNull && taskMessageAddButton){
           taskMessageAddButton.setAttribute('disabled', true)
@@ -236,6 +240,13 @@
           taskMessageAddButton.removeAttribute('disabled')
           taskMessageAddButton.style.cursor = 'pointer';
         }
+
+        if(isHumanClarificationRequestNull && textInputContainer[0]){ 
+          textInputContainer[0].style.backgroundColor = 'lightgray';
+        } else { 
+          textInputContainer[0].style.backgroundColor = 'white';
+        }
+
       })
       .catch((error) => {
         console.error("Error:", error);