Merge pull request Anjaliavv51#63 from jinaybarot/main

change contact us form styling
2004shweta · Oct 16, 2023 · eb79580 · eb79580
2 parents ad27ba7 + 3a0fb0c
commit eb79580
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Contact-section/ContactForm.jsx b/src/components/Contact-section/ContactForm.jsx
@@ -25,24 +25,24 @@ const ContactForm = () => {
           <form className="gap-x-5 w-full">
             <div className="flex flex-col md:flex-row mb-6 justify-between">
               <input
-                className="bg-green rounded-lg text-black h-16 md:w-6/12 mb-6 md:mb-0 placeholder-textBlack p-2"
+                className="border-2 border-green rounded-lg text-green-dark h-16 md:w-6/12 mb-6 md:mb-0 placeholder-textBlack p-2"
                 placeholder="First name"
                 style={{marginRight: "5px"}}
               />
               <input
-                className="bg-green rounded-lg h-16 md:w-6/12  text-black  placeholder-textBlack p-2"
+                className="border-2 border-green rounded-lg h-16 md:w-6/12 text-green-dark  placeholder-textBlack p-2"
                 placeholder="Last name"
               />
             </div>
             <div className="flex flex-col md:flex-row mb-6 justify-between">
               <input
-                className="bg-green rounded-lg h-16 w-full  text-black placeholder-textBlack p-2"
+                className="border-2 border-green rounded-lg h-16 w-full text-green-dark placeholder-textBlack p-2"
                 placeholder="Email"
               />
             </div>
 
             <textarea
-              className="bg-green rounded-lg w-full h-40  text-black  placeholder-textBlack mb-6 p-2"
+              className="border-2 border-green rounded-lg w-full h-40 text-green-dark placeholder-textBlack mb-6 p-2"
               placeholder="Your message here"
             />
             <div className="flex justify-center md:justify-start ">

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -13,6 +13,7 @@ export default {
       "primaryGreen": "#1ABC9C",
       "customRed": "#CD4347",
       "green": "#1ABC93",
+      "green-dark": "#047558",
       "textBlack": "#312F2F",
       "textWhite": "#F8F8F8",
       "black": "#000000",