github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

small navbar/sidebar dark-mode fixes

pull/3175/head
REJack 2020-11-30 08:45:57 +01:00
parent 2c98813cc1
commit eb0caf5b30
1 changed files with 31 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
build/scss/_forms.scss
View File

@ -331,8 +331,35 @@ body.text-sm {
}
}
.navbar-dark {
.btn-navbar,
.form-control-navbar {
background-color: lighten($sidebar-dark-bg, 5%);
border: 1px solid lighten($sidebar-dark-bg, 15%);
color: lighten(color-yiq(lighten($sidebar-dark-bg, 5%)), 15%);
}
.btn-navbar {
&:hover {
background-color: lighten($sidebar-dark-bg, 7.5%);
}
&:focus {
background-color: lighten($sidebar-dark-bg, 10%);
}
}
.form-control-navbar + .input-group-prepend,
.form-control-navbar + .input-group-append {
> .btn-navbar {
background-color: lighten($sidebar-dark-bg, 5%);
color: $white;
border: 1px solid lighten($sidebar-dark-bg, 15%);
border-left: none;
}
}
}
.dark-mode {
.form-control,
.form-control:not(.form-control-navbar):not(.form-control-sidebar),
.custom-select,
.custom-file-label,
.custom-file-label::after,
@ -341,7 +368,9 @@ body.text-sm {
background-color: $dark;
color: $white;
}
.form-control:not(.form-control-navbar):not(.is-invalid):not(:focus) {
.form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus),
.custom-file-label,
.custom-file-label::after {
border-color: $gray-600;
}
select {
@ -372,30 +401,4 @@ body.text-sm {
background-color: lighten($dark, 7.5%);
}
}
.navbar-dark {
.btn-navbar,
.form-control-navbar {
background-color: $dark;
border: $input-border-width solid $gray-600;
}
.btn-navbar {
&:hover {
background-color: lighten($sidebar-dark-bg, 7.5%);
}
&:focus {
background-color: lighten($sidebar-dark-bg, 10%);
}
}
.form-control-navbar + .input-group-prepend,
.form-control-navbar + .input-group-append {
> .btn-navbar {
background-color: lighten($dark, 5%);
color: $white;
border: $input-border-width solid $gray-600;
border-left: none;
}
}
}
}