style contact form input borders with accent color

AnalogStudiosRI · Dec 18, 2022 · 77ecd18 · 77ecd18
1 parent 205e5a3
commit 77ecd18
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/src/pages/contact.html b/src/pages/contact.html
@@ -3,14 +3,27 @@
     <h1 class="text-center text-xl">Get in touch!</h1>
 
     <form name="contact" method="post" class="grid grid-cols-1 w-1/3 ml-auto mr-auto" netlify>
+
       <label for="subject">Subject</label>
-      <input name="subject" type="text" class="border-blue-300 border-2 mb-4" required/>
+      <input name="subject" type="text"
+        class="border-2 mb-4"
+        style="border-color:var(--color-accent)"
+        required
+      />
 
       <label for="email">Email</label>
-      <input name="email" type="email" class="border-blue-300 border-2 mb-4" required/>
+      <input name="email" type="email"
+        class="border-2 mb-4"
+        style="border-color:var(--color-accent)"
+        required
+      />
 
       <label for="message" class="underline">Message</label>
-      <textarea name="message" class="border-blue-300 border-2 h-24 mb-4" required></textarea>
+      <textarea name="message"
+        class="border-2 mb-4"
+        style="border-color:var(--color-accent)"
+        required
+      ></textarea>
 
       <button class="btn" type="submit">Send</button>
     </form>