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

tabler · Jan 23, 2022 · 61e4809 · 61e4809
1 parent f4b4eb5
commit 61e4809
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git 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>
+</div>
diff --git 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);
+  }
+}