From 9ea7b35e6a3491e9b9c432cfd1494c81890e174c Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 13 Jan 2025 21:23:12 +0200
Subject: [PATCH] style(next): use the text box appearance for text areas as
 well

---
 src/public/stylesheets/theme-next/forms.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css
index 9b5a54128..2e3fec155 100644
--- a/src/public/stylesheets/theme-next/forms.css
+++ b/src/public/stylesheets/theme-next/forms.css
@@ -11,7 +11,8 @@ input:disabled {
 input:not([type]),
 input[type="text"],
 input[type="number"],
-input[type="password"] {
+input[type="password"],
+.form-control {
     outline: 3px solid transparent;
     outline-offset: 6px;
     border: unset;
@@ -22,7 +23,8 @@ input[type="password"] {
 input:not([type]):hover,
 input[type="text"]:hover,
 input[type="number"]:hover,
-input[type="password"]:hover {
+input[type="password"]:hover,
+.form-control:hover {
     background: var(--input-hover-background);
     color: var(--input-hover-color);
 }
@@ -30,7 +32,8 @@ input[type="password"]:hover {
 input:not([type]):focus,
 input[type="text"]:focus,
 input[type="number"]:focus,
-input[type="password"]:focus {
+input[type="password"]:focus,
+.form-control:focus {
     box-shadow: unset;
     outline: 3px solid var(--input-focus-outline-color);
     outline-offset: 0;
@@ -40,11 +43,13 @@ input[type="password"]:focus {
                 outline-offset 200ms ease-out;
 }
 
-input::placeholder {
+input::placeholder,
+.form-control::placeholder {
     --muted-text-color: var(--input-placeholder-color);
 }
 
-input::selection {
+input::selection,
+.form-control::selection {
     background: var(--input-selection-background);
     color: var(--input-selection-text-color);
 }
\ No newline at end of file