diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index b2f1b16293dab118a873a4a5edc75641e72c2861..31582e129c0696606a54e2ee4126f299428758b4 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -82,7 +82,7 @@ $text-muted-light-opacity: .4 !default;
$text-muted-dark-opacity: .8 !default;
$border-opacity: .16 !default;
-$border-dark-opacity: .32 !default;
+$border-dark-opacity: .24 !default;
$light: #f4f6fa !default;
$dark: #232e3c !default;
@@ -509,7 +509,8 @@ $list-group-action-color: inherit !default;
$list-group-bg: inherit !default;
$input-disabled-bg: $gray-100 !default;
-$input-border-color: $border-color-dark-transparent !default;
+$input-border-color: $border-color-dark !default;
+$input-border-color-transparent: $border-color-dark-transparent !default;
$input-placeholder-color: $text-muted-light !default;
$input-group-addon-bg: $light !default;
@@ -523,7 +524,7 @@ $form-check-margin-bottom: .5rem !default;
$form-check-input-width: 1rem !default;
$form-check-padding-start: $form-check-input-width + .5rem !default;
$form-check-input-bg: $white !default;
-$form-check-input-border: 1px solid $border-color-dark-transparent !default;
+$form-check-input-border: 1px solid $input-border-color-transparent !default;
$form-check-input-border-radius: $border-radius !default;
$form-check-input-checked-bg-size: 1rem !default;
@@ -533,7 +534,7 @@ $form-check-input-checked-bg-image: url("data:image/svg+xml,") !default;
$form-check-radio-checked-bg-image: url("data:image/svg+xml,") !default;
-$form-check-input-checked-border-color: $border-color-dark-transparent !default;
+$form-check-input-checked-border-color: $input-border-color-transparent !default;
$form-check-label-disabled-opacity: $text-muted-opacity;
diff --git a/src/scss/ui/forms/_form-icon.scss b/src/scss/ui/forms/_form-icon.scss
index be0d5fe54988a5aec124ed204b4a27a5cbfcd26c..8d4dc62ad02e6a2241aa6c23d399700050d01b28 100644
--- a/src/scss/ui/forms/_form-icon.scss
+++ b/src/scss/ui/forms/_form-icon.scss
@@ -4,11 +4,13 @@ Icon input
.input-icon {
position: relative;
- .form-control:not(:last-child) {
+ .form-control:not(:last-child),
+ .form-select:not(:last-child) {
padding-right: 2.5rem;
}
- .form-control:not(:first-child) {
+ .form-control:not(:first-child),
+ .form-select:not(:last-child) {
padding-left: 2.5rem;
}
}
diff --git a/src/scss/ui/forms/_validation.scss b/src/scss/ui/forms/_validation.scss
index 71fb94c50559922b418c35ab39a5315930934612..aa4472c8cb55f309b4f3323ce9af51d6606928bc 100644
--- a/src/scss/ui/forms/_validation.scss
+++ b/src/scss/ui/forms/_validation.scss
@@ -1,5 +1,5 @@
%validation-lite {
- border-color: $border-color;
+ border-color: $input-border-color;
}
@each $state, $data in $form-validation-states {