Fix #1000 theme-dark border-color incorrect for input validation (#1001)

src/pages/_includes/parts/form/validation-states.html

 <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>

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);
+  }
+}