From 61e4809d1f2d0a72117afa448e39311a2ae64e0e Mon Sep 17 00:00:00 2001
From: superfaz <16510828+superfaz@users.noreply.github.com>
Date: Sun, 23 Jan 2022 22:55:15 +0100
Subject: [PATCH] Fix #1000 theme-dark border-color incorrect for input
 validation (#1001)

---
 src/pages/_includes/parts/form/validation-states.html |  4 ++--
 src/scss/layout/_dark.scss                            | 11 ++++++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/pages/_includes/parts/form/validation-states.html b/src/pages/_includes/parts/form/validation-states.html
index 4ad6b8b1..a35a680e 100644
--- a/src/pages/_includes/parts/form/validation-states.html
+++ b/src/pages/_includes/parts/form/validation-states.html
@@ -1,6 +1,6 @@
 <div class="mb-3">
-	<label class="form-label">Validation States</label>
+	<label class="form-label">Validation States {% if include.lite %}(lite){% endif %}</label>
 	<input type="text" class="form-control is-valid{% if include.lite %} is-valid-lite{% endif %} mb-2" placeholder="Valid State..">
 	<input type="text" class="form-control is-invalid{% if include.lite %} is-invalid-lite{% endif %}" placeholder="Invalid State..">
 	{% unless include.lite %}<div class="invalid-feedback">Invalid feedback</div>{% endunless %}
-</div>
\ No newline at end of file
+</div>
diff --git a/src/scss/layout/_dark.scss b/src/scss/layout/_dark.scss
index b442e84e..b9d07b80 100644
--- a/src/scss/layout/_dark.scss
+++ b/src/scss/layout/_dark.scss
@@ -164,5 +164,14 @@ body:not(.theme-dark) .hide-theme-light {
   .apexcharts-radialbar-area {
     stroke: $dark-mode-border-color;
   }
-}
 
+  .form-control.is-invalid,
+  .was-validated .form-control:invalid {
+    border-color: var(--#{$variable-prefix}danger);
+  }
+
+  .form-control.is-valid,
+  .was-validated .form-control:valid {
+    border-color: var(--#{$variable-prefix}success);
+  }
+}
-- 
GitLab