Cleanup theming styles to fit the new login page

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2017-09-01 23:27:34 +02:00 committed by Morris Jobke
parent ed11c0d6e2
commit 9bcf90adc8
No known key found for this signature in database
GPG Key ID: FE03C3A163FEDE68
1 changed files with 25 additions and 32 deletions

View File

@ -10,7 +10,6 @@
color: $color-primary-text;
}
/* invert header icons on bright background */
@if (lightness($color-primary) > 50) {
.searchbox input[type="search"] {
background: transparent url('../../../core/img/actions/search.svg') no-repeat 6px center;
@ -29,6 +28,31 @@
#appmenu .icon-more-white {
background-image: url('../../../core/img/actions/more.svg');
}
#body-login {
input {
border: 1px solid nc-lighten($color-primary-text, 50%);
}
input.primary {
background-color: $color-primary;
}
a, label, p {
color: $color-primary-text !important;
}
input[type='checkbox'].checkbox--white + label:before {
border-color: nc-darken($color-primary-element, 40%) !important;
}
input[type='checkbox'].checkbox--white:not(:disabled):not(:checked) + label:hover:before,
input[type='checkbox'].checkbox--white:focus + label:before {
border-color: nc-darken($color-primary-element, 30%) !important;
}
input[type='checkbox'].checkbox--white:checked + label:before {
border-color: nc-darken($color-primary-element, 30%) !important;
background-image: url('../../../core/img/actions/checkbox-mark.svg');
background-color: nc-darken($color-primary-element, 30%) !important;
}
}
}
/* Colorized svg images */
@ -84,37 +108,6 @@ input.primary {
color: $color-primary-text !important;
}
@if (lightness($color-primary) > 50) {
#submit {
border-color: nc-darken($color-primary, 20%);
background-color: nc-darken($color-primary, 20%);
}
#submit:hover {
border-color: nc-darken($color-primary, 10%);
background-color: nc-darken($color-primary, 10%);
}
input[type='checkbox'].checkbox--white + label:before {
border-color: nc-darken($color-primary-element, 40%) !important;
}
input[type='checkbox'].checkbox--white:not(:disabled):not(:checked) + label:hover:before,
input[type='checkbox'].checkbox--white:focus + label:before {
border-color: nc-darken($color-primary-element, 30%) !important;
}
input[type='checkbox'].checkbox--white:checked + label:before {
border-color: nc-darken($color-primary-element, 30%) !important;
background-image: url('../../../core/img/actions/checkbox-mark.svg');
background-color: nc-darken($color-primary-element, 30%) !important;
}
} @else {
#submit {
border-color: nc-lighten($color-primary, 20%);
background-color: nc-lighten($color-primary, 20%);
}
#submit:hover {
border-color: nc-lighten($color-primary, 10%);
background-color: nc-lighten($color-primary, 10%);
}
}
}
}