diff --git a/core/css/inputs.scss b/core/css/inputs.scss
index f7b9cdb723..faddcc5021 100644
--- a/core/css/inputs.scss
+++ b/core/css/inputs.scss
@@ -265,16 +265,13 @@ input {
&.radio--white,
&.checkbox--white {
+ label:before {
- border-color: #aaa;
+ border-color: #ddd;
}
&:not(:disabled):not(:checked) + label:hover:before,
&:focus + label:before {
border-color: #fff;
}
- &:checked + label:before,
- &.checkbox:indeterminate + label:before {
- /* ^ :indeterminate have a strange behavior on radio,
- so we respecified the checkbox class again to be safe */
+ &:checked + label:before {
box-shadow: inset 0px 0px 0px 2px #000;
background-color: #eee;
border-color: #eee
@@ -290,7 +287,10 @@ input {
}
}
&.checkbox--white {
- &:checked + label:before {
+ &:checked + label:before,
+ &:indeterminate + label:before {
+ background-color: transparent !important; /* Override default checked */
+ border-color: #fff !important; /* Override default checked */
background-image: url('../img/actions/checkbox-mark-white.svg');
}
&:indeterminate + label:before {
diff --git a/core/img/actions/checkbox-mark-white.svg b/core/img/actions/checkbox-mark-white.svg
index 8407898164..1441e8666f 100644
--- a/core/img/actions/checkbox-mark-white.svg
+++ b/core/img/actions/checkbox-mark-white.svg
@@ -1 +1,4 @@
-
\ No newline at end of file
+
+
diff --git a/core/img/actions/checkbox-mixed-white.svg b/core/img/actions/checkbox-mixed-white.svg
index c66636717b..6909d0fc04 100644
--- a/core/img/actions/checkbox-mixed-white.svg
+++ b/core/img/actions/checkbox-mixed-white.svg
@@ -1 +1,4 @@
-
\ No newline at end of file
+
+