From 2502750a08061a02a3606d5fbbd85c6fc9a93106 Mon Sep 17 00:00:00 2001
From: Deimos <deimos@tildes.net>
Date: Sat, 27 Jul 2019 16:48:27 -0600
Subject: [PATCH] Apply theme colors to :invalid <input> elements

---
 tildes/scss/themes/_theme_base.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/tildes/scss/themes/_theme_base.scss b/tildes/scss/themes/_theme_base.scss
index 729669f..f19529d 100644
--- a/tildes/scss/themes/_theme_base.scss
+++ b/tildes/scss/themes/_theme_base.scss
@@ -345,6 +345,19 @@
     border-color: map-get($theme, "border");
   }
 
+  // error colors for :invalid inputs, using same approach as Spectre
+  .form-input:not(:placeholder-shown):invalid {
+    border-color: map-get($theme, "error");
+
+    &:focus {
+      box-shadow: 0 0 0 1px map-get($theme, "error");
+    }
+
+    + .form-input-hint {
+      color: map-get($theme, "error");
+    }
+  }
+
   .form-markdown-preview {
     border-color: map-get($theme, "border");
   }