From b0bb12afdb714ce888946f4c98f4d7547a75e1e6 Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Tue, 20 Aug 2024 11:55:34 +0200
Subject: [PATCH] Add styles for focus:invalid form fields.

---
 assets/sass/_zen.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/sass/_zen.scss b/assets/sass/_zen.scss
index 182a2c4..9b45bb5 100644
--- a/assets/sass/_zen.scss
+++ b/assets/sass/_zen.scss
@@ -146,6 +146,10 @@ main {
     &:not(:placeholder-shown):invalid {
       background-color: var(--color-error-bg);
     }
+
+    &:focus:invalid {
+      background-color: var(--color-warning-bg);
+    }
   }
 
   button {