From 63042533fd0d5af6a889c5b98dff00160af6a955 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 22 Jun 2024 16:44:34 +0800
Subject: [PATCH] Set background color for guestbook inputs

---
 src/assets/css/comments.css | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/comments.css b/src/assets/css/comments.css
index 2f2cc93f..1d509360 100644
--- a/src/assets/css/comments.css
+++ b/src/assets/css/comments.css
@@ -17,14 +17,20 @@
     margin: 2em 0;
 }
 
+.comment-form,
+.input-horizontal-wrapper {
+    gap: 1em;
+}
+
 .comment-form-title {
     text-align: center;
     margin-bottom: 0 !important;
 }
 
-.comment-form,
-.input-horizontal-wrapper {
-    gap: 1em;
+.comment-form input,
+.comment-form textarea {
+    color: var(--clr-body-txt);
+    background-color: var(--clr-quote-bg);
 }
 
 .input-horizontal-wrapper {
@@ -38,7 +44,8 @@
     gap: 0.2em;
 }
 
-.input-vertical input:focus {
+.input-vertical input:focus,
+.comment-box-container textarea:focus {
     outline: 0.15em solid var(--clr-link);
 }