style(next): use the text box appearance for text areas as well

TriliumNext · Jan 13, 2025 · 9ea7b35 · 9ea7b35
1 parent 56fb70a
commit 9ea7b35
Showing 1 changed file with 10 additions and 5 deletions.
diff --git 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,15 +23,17 @@ 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);
 }
 
 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);
 }