style(accent): change accent colors

Author: mehdi-parvizi

web/src/components/internal-ui/ChatBox.tsx

@@ -14,7 +14,7 @@ interface Props {
 
 const ChatBox = ({ messageData, endpoint, request }: Props) => {
   const addMessage = useGptStore((s) => s.addMessage);
-  const { data, error, isLoading } = usePost(endpoint, request);
+  const { data, error, isPending } = usePost(endpoint, request);
 
   useEffect(() => {
     addMessage(UserType.BOT, data?.data.output);
@@ -32,7 +32,7 @@ const ChatBox = ({ messageData, endpoint, request }: Props) => {
     >
       {messageData.map((message, index) => (
         <ChatBubble
-          isLoading={isLoading}
+          isLoading={isPending}
           key={index}
           message={message.content}
           userType={message.user}

web/src/components/internal-ui/ChatBubble.tsx

@@ -15,8 +15,8 @@ const ChatBubble = ({ message, userType, isLoading }: Props) => {
       }`}
     >
       <div
-        className={`chat-bubble ${
-          userType === UserType.USER ? "bg-stone-800" : ""
+        className={`chat-bubble  ${
+          userType === UserType.USER ? "bg-stone-600" : ""
         }`}
       >
         {userType === UserType.USER

web/src/components/internal-ui/Landing.tsx

@@ -27,7 +27,7 @@ const Landing = () => {
         <Button
           w="10rem"
           mt="16"
-          bg="orange.800"
+          bg="orange.700"
           disabled={isOpen}
           onClick={() => setIsOpen(true)}
         >