Change theme color to pink

Author: ParthHalwane

client/src/assets/illustration.svg

@@ -20,7 +20,7 @@ function GitHubCorner() {
                 width="150"
                 height="100"
                 viewBox="0 0 250 250"
-                className="absolute right-0 top-0 z-10 border-none bg-primary text-gray-900 dark:text-gray-100"
+                className="absolute right-0 top-0 z-10 border-none bg-pink-500 text-gray-900 dark:text-gray-100"
                 aria-hidden="true"
                 style={{
                     color: "#151513",

client/src/assets/logo.png

@@ -36,7 +36,7 @@ function ChatInput() {
     return (
         <form
             onSubmit={handleSendMessage}
-            className="flex justify-between rounded-md border border-primary"
+            className="flex justify-between rounded-md border border-pink-500"
         >
             <input
                 type="text"
@@ -45,7 +45,7 @@ function ChatInput() {
                 ref={inputRef}
             />
             <button
-                className="flex items-center justify-center rounded-r-md  bg-primary p-2 text-black"
+                className="flex items-center justify-center rounded-r-md  bg-pink-500 p-2 text-black"
                 type="submit"
             >
                 <LuSendHorizonal size={24} />

client/src/components/GitHubCorner.tsx

@@ -52,7 +52,7 @@ function ChatList() {
                         }
                     >
                         <div className="flex justify-between">
-                            <span className="text-xs text-primary">
+                            <span className="text-xs text-pink-500">
                                 {message.username}
                             </span>
                             <span className="text-xs text-white">

client/src/components/chats/ChatInput.tsx

@@ -5,7 +5,7 @@ function Footer() {
                 Build with ❤️ by{" "}
                 <a
                     href="https://github.com/parthhalwane"
-                    className="text-primary underline underline-offset-1"
+                    className="text-pink-500 underline underline-offset-1"
                 >
                     parthhalwane
                 </a>

client/src/components/chats/ChatList.tsx

@@ -25,13 +25,13 @@ const ConnectionError = () => {
             </span>
             <div className="flex flex-wrap justify-center gap-4">
                 <button
-                    className="mr-4 rounded-md bg-primary px-8 py-2 font-bold text-black"
+                    className="mr-4 rounded-md bg-pink-500 px-8 py-2 font-bold text-black"
                     onClick={reloadPage}
                 >
                     Try Again
                 </button>
                 <button
-                    className="rounded-md bg-primary px-8 py-2 font-bold text-black"
+                    className="rounded-md bg-pink-500 px-8 py-2 font-bold text-black"
                     onClick={gotoHomePage}
                 >
                     Go to HomePage

client/src/components/common/Footer.tsx

@@ -111,7 +111,7 @@ const FormComponent = () => {
                 />
                 <button
                     type="submit"
-                    className="mt-2 w-full rounded-md bg-primary px-8 py-3 text-lg font-semibold text-black"
+                    className="mt-2 w-full rounded-md bg-pink-500 px-8 py-3 text-lg font-semibold text-black"
                 >
                     Join
                 </button>

client/src/components/connection/ConnectionStatusPage.tsx

@@ -75,7 +75,7 @@ function CopilotView() {
                 onChange={(e) => setInput(e.target.value)}
             />
             <button
-                className="mt-1 flex w-full justify-center rounded-md bg-primary p-2 font-bold text-black outline-none disabled:cursor-not-allowed disabled:opacity-50"
+                className="mt-1 flex w-full justify-center rounded-md bg-pink-500 p-2 font-bold text-black outline-none disabled:cursor-not-allowed disabled:opacity-50"
                 onClick={generateCode}
                 disabled={isRunning}
             >

client/src/components/forms/FormComponent.tsx

@@ -67,7 +67,7 @@ function RunView() {
                     onChange={(e) => setInput(e.target.value)}
                 />
                 <button
-                    className="flex w-full justify-center rounded-md bg-primary p-2 font-bold text-black outline-none disabled:cursor-not-allowed disabled:opacity-50"
+                    className="flex w-full justify-center rounded-md bg-pink-500 p-2 font-bold text-black outline-none disabled:cursor-not-allowed disabled:opacity-50"
                     onClick={runCode}
                     disabled={isRunning}
                 >