From cba504fb24b52d88a32dfe5523176a878b40e75b Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 6 Feb 2025 07:28:12 +0200
Subject: [PATCH] style(next): file input: change the foreground color
 depending on the state

---
 src/public/stylesheets/theme-next/forms.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css
index 577fb325d..293b45680 100644
--- a/src/public/stylesheets/theme-next/forms.css
+++ b/src/public/stylesheets/theme-next/forms.css
@@ -364,8 +364,14 @@ optgroup {
     display: none;
 }
 
-.tn-file-input input[type="file"]:focus {
+.tn-file-input:hover input[type="file"] {
+    color: var(--input-hover-color);
+}
+
+.tn-file-input input[type="file"]:focus,
+.tn-file-input input[type="file"]:active {
     outline: none;
+    color: var(--input-focus-color);
 }
 
 /* The browse icon */