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

fixed accent color override with dropdown menus

pull/2501/head
REJack 2020-01-16 15:23:49 +01:00
parent a4d297de9d
commit 1ea675c50d
No known key found for this signature in database
GPG Key ID: 9F3976CC630CC888
5 changed files with 198 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
build/scss/mixins/_accent.scss
View File

@ -11,7 +11,7 @@
$pagination-active-border-color: $color; $pagination-active-border-color: $color;
.btn-link, .btn-link,
a { a:not(.dropdown-item ) {
color: $link-color; color: $link-color;
@include hover { @include hover {
@ -19,6 +19,11 @@
} }
} }
.dropdown-item.active {
background: $color;
color: color-yiq($color);
}
.custom-control-input:checked ~ .custom-control-label { .custom-control-input:checked ~ .custom-control-label {
&::before { &::before {
background: $color; background: $color;

243
dist/css/adminlte.css vendored
View File

@ -28765,15 +28765,20 @@ a.text-muted:hover {
} }
.accent-primary .btn-link, .accent-primary .btn-link,
.accent-primary a { .accent-primary a:not(.dropdown-item) {
color: #007bff; color: #007bff;
} }
.accent-primary .btn-link:hover, .accent-primary .btn-link:hover,
.accent-primary a:hover { .accent-primary a:not(.dropdown-item):hover {
color: #0056b3; color: #0056b3;
} }
.accent-primary .dropdown-item.active {
background: #007bff;
color: #ffffff;
}
.accent-primary .custom-control-input:checked ~ .custom-control-label::before { .accent-primary .custom-control-input:checked ~ .custom-control-label::before {
background: #007bff; background: #007bff;
border-color: #004a99; border-color: #004a99;
@ -28805,15 +28810,20 @@ a.text-muted:hover {
} }
.accent-secondary .btn-link, .accent-secondary .btn-link,
.accent-secondary a { .accent-secondary a:not(.dropdown-item) {
color: #6c757d; color: #6c757d;
} }
.accent-secondary .btn-link:hover, .accent-secondary .btn-link:hover,
.accent-secondary a:hover { .accent-secondary a:not(.dropdown-item):hover {
color: #494f54; color: #494f54;
} }
.accent-secondary .dropdown-item.active {
background: #6c757d;
color: #ffffff;
}
.accent-secondary .custom-control-input:checked ~ .custom-control-label::before { .accent-secondary .custom-control-input:checked ~ .custom-control-label::before {
background: #6c757d; background: #6c757d;
border-color: #3d4246; border-color: #3d4246;
@ -28845,15 +28855,20 @@ a.text-muted:hover {
} }
.accent-success .btn-link, .accent-success .btn-link,
.accent-success a { .accent-success a:not(.dropdown-item) {
color: #28a745; color: #28a745;
} }
.accent-success .btn-link:hover, .accent-success .btn-link:hover,
.accent-success a:hover { .accent-success a:not(.dropdown-item):hover {
color: #19692c; color: #19692c;
} }
.accent-success .dropdown-item.active {
background: #28a745;
color: #ffffff;
}
.accent-success .custom-control-input:checked ~ .custom-control-label::before { .accent-success .custom-control-input:checked ~ .custom-control-label::before {
background: #28a745; background: #28a745;
border-color: #145523; border-color: #145523;
@ -28885,15 +28900,20 @@ a.text-muted:hover {
} }
.accent-info .btn-link, .accent-info .btn-link,
.accent-info a { .accent-info a:not(.dropdown-item) {
color: #17a2b8; color: #17a2b8;
} }
.accent-info .btn-link:hover, .accent-info .btn-link:hover,
.accent-info a:hover { .accent-info a:not(.dropdown-item):hover {
color: #0f6674; color: #0f6674;
} }
.accent-info .dropdown-item.active {
background: #17a2b8;
color: #ffffff;
}
.accent-info .custom-control-input:checked ~ .custom-control-label::before { .accent-info .custom-control-input:checked ~ .custom-control-label::before {
background: #17a2b8; background: #17a2b8;
border-color: #0c525d; border-color: #0c525d;
@ -28925,15 +28945,20 @@ a.text-muted:hover {
} }
.accent-warning .btn-link, .accent-warning .btn-link,
.accent-warning a { .accent-warning a:not(.dropdown-item) {
color: #ffc107; color: #ffc107;
} }
.accent-warning .btn-link:hover, .accent-warning .btn-link:hover,
.accent-warning a:hover { .accent-warning a:not(.dropdown-item):hover {
color: #ba8b00; color: #ba8b00;
} }
.accent-warning .dropdown-item.active {
background: #ffc107;
color: #1F2D3D;
}
.accent-warning .custom-control-input:checked ~ .custom-control-label::before { .accent-warning .custom-control-input:checked ~ .custom-control-label::before {
background: #ffc107; background: #ffc107;
border-color: #a07800; border-color: #a07800;
@ -28965,15 +28990,20 @@ a.text-muted:hover {
} }
.accent-danger .btn-link, .accent-danger .btn-link,
.accent-danger a { .accent-danger a:not(.dropdown-item) {
color: #dc3545; color: #dc3545;
} }
.accent-danger .btn-link:hover, .accent-danger .btn-link:hover,
.accent-danger a:hover { .accent-danger a:not(.dropdown-item):hover {
color: #a71d2a; color: #a71d2a;
} }
.accent-danger .dropdown-item.active {
background: #dc3545;
color: #ffffff;
}
.accent-danger .custom-control-input:checked ~ .custom-control-label::before { .accent-danger .custom-control-input:checked ~ .custom-control-label::before {
background: #dc3545; background: #dc3545;
border-color: #921925; border-color: #921925;
@ -29005,15 +29035,20 @@ a.text-muted:hover {
} }
.accent-light .btn-link, .accent-light .btn-link,
.accent-light a { .accent-light a:not(.dropdown-item) {
color: #f8f9fa; color: #f8f9fa;
} }
.accent-light .btn-link:hover, .accent-light .btn-link:hover,
.accent-light a:hover { .accent-light a:not(.dropdown-item):hover {
color: #cbd3da; color: #cbd3da;
} }
.accent-light .dropdown-item.active {
background: #f8f9fa;
color: #1F2D3D;
}
.accent-light .custom-control-input:checked ~ .custom-control-label::before { .accent-light .custom-control-input:checked ~ .custom-control-label::before {
background: #f8f9fa; background: #f8f9fa;
border-color: #bdc6d0; border-color: #bdc6d0;
@ -29045,15 +29080,20 @@ a.text-muted:hover {
} }
.accent-dark .btn-link, .accent-dark .btn-link,
.accent-dark a { .accent-dark a:not(.dropdown-item) {
color: #343a40; color: #343a40;
} }
.accent-dark .btn-link:hover, .accent-dark .btn-link:hover,
.accent-dark a:hover { .accent-dark a:not(.dropdown-item):hover {
color: #121416; color: #121416;
} }
.accent-dark .dropdown-item.active {
background: #343a40;
color: #ffffff;
}
.accent-dark .custom-control-input:checked ~ .custom-control-label::before { .accent-dark .custom-control-input:checked ~ .custom-control-label::before {
background: #343a40; background: #343a40;
border-color: #060708; border-color: #060708;
@ -29085,15 +29125,20 @@ a.text-muted:hover {
} }
.accent-lightblue .btn-link, .accent-lightblue .btn-link,
.accent-lightblue a { .accent-lightblue a:not(.dropdown-item) {
color: #3c8dbc; color: #3c8dbc;
} }
.accent-lightblue .btn-link:hover, .accent-lightblue .btn-link:hover,
.accent-lightblue a:hover { .accent-lightblue a:not(.dropdown-item):hover {
color: #296282; color: #296282;
} }
.accent-lightblue .dropdown-item.active {
background: #3c8dbc;
color: #ffffff;
}
.accent-lightblue .custom-control-input:checked ~ .custom-control-label::before { .accent-lightblue .custom-control-input:checked ~ .custom-control-label::before {
background: #3c8dbc; background: #3c8dbc;
border-color: #23536f; border-color: #23536f;
@ -29125,15 +29170,20 @@ a.text-muted:hover {
} }
.accent-navy .btn-link, .accent-navy .btn-link,
.accent-navy a { .accent-navy a:not(.dropdown-item) {
color: #001f3f; color: #001f3f;
} }
.accent-navy .btn-link:hover, .accent-navy .btn-link:hover,
.accent-navy a:hover { .accent-navy a:not(.dropdown-item):hover {
color: black; color: black;
} }
.accent-navy .dropdown-item.active {
background: #001f3f;
color: #ffffff;
}
.accent-navy .custom-control-input:checked ~ .custom-control-label::before { .accent-navy .custom-control-input:checked ~ .custom-control-label::before {
background: #001f3f; background: #001f3f;
border-color: black; border-color: black;
@ -29165,15 +29215,20 @@ a.text-muted:hover {
} }
.accent-olive .btn-link, .accent-olive .btn-link,
.accent-olive a { .accent-olive a:not(.dropdown-item) {
color: #3d9970; color: #3d9970;
} }
.accent-olive .btn-link:hover, .accent-olive .btn-link:hover,
.accent-olive a:hover { .accent-olive a:not(.dropdown-item):hover {
color: #276248; color: #276248;
} }
.accent-olive .dropdown-item.active {
background: #3d9970;
color: #ffffff;
}
.accent-olive .custom-control-input:checked ~ .custom-control-label::before { .accent-olive .custom-control-input:checked ~ .custom-control-label::before {
background: #3d9970; background: #3d9970;
border-color: #20503b; border-color: #20503b;
@ -29205,15 +29260,20 @@ a.text-muted:hover {
} }
.accent-lime .btn-link, .accent-lime .btn-link,
.accent-lime a { .accent-lime a:not(.dropdown-item) {
color: #01ff70; color: #01ff70;
} }
.accent-lime .btn-link:hover, .accent-lime .btn-link:hover,
.accent-lime a:hover { .accent-lime a:not(.dropdown-item):hover {
color: #00b44e; color: #00b44e;
} }
.accent-lime .dropdown-item.active {
background: #01ff70;
color: #1F2D3D;
}
.accent-lime .custom-control-input:checked ~ .custom-control-label::before { .accent-lime .custom-control-input:checked ~ .custom-control-label::before {
background: #01ff70; background: #01ff70;
border-color: #009a43; border-color: #009a43;
@ -29245,15 +29305,20 @@ a.text-muted:hover {
} }
.accent-fuchsia .btn-link, .accent-fuchsia .btn-link,
.accent-fuchsia a { .accent-fuchsia a:not(.dropdown-item) {
color: #f012be; color: #f012be;
} }
.accent-fuchsia .btn-link:hover, .accent-fuchsia .btn-link:hover,
.accent-fuchsia a:hover { .accent-fuchsia a:not(.dropdown-item):hover {
color: #ab0b87; color: #ab0b87;
} }
.accent-fuchsia .dropdown-item.active {
background: #f012be;
color: #ffffff;
}
.accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before { .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
background: #f012be; background: #f012be;
border-color: #930974; border-color: #930974;
@ -29285,15 +29350,20 @@ a.text-muted:hover {
} }
.accent-maroon .btn-link, .accent-maroon .btn-link,
.accent-maroon a { .accent-maroon a:not(.dropdown-item) {
color: #d81b60; color: #d81b60;
} }
.accent-maroon .btn-link:hover, .accent-maroon .btn-link:hover,
.accent-maroon a:hover { .accent-maroon a:not(.dropdown-item):hover {
color: #941342; color: #941342;
} }
.accent-maroon .dropdown-item.active {
background: #d81b60;
color: #ffffff;
}
.accent-maroon .custom-control-input:checked ~ .custom-control-label::before { .accent-maroon .custom-control-input:checked ~ .custom-control-label::before {
background: #d81b60; background: #d81b60;
border-color: #7d1038; border-color: #7d1038;
@ -29325,15 +29395,20 @@ a.text-muted:hover {
} }
.accent-blue .btn-link, .accent-blue .btn-link,
.accent-blue a { .accent-blue a:not(.dropdown-item) {
color: #007bff; color: #007bff;
} }
.accent-blue .btn-link:hover, .accent-blue .btn-link:hover,
.accent-blue a:hover { .accent-blue a:not(.dropdown-item):hover {
color: #0056b3; color: #0056b3;
} }
.accent-blue .dropdown-item.active {
background: #007bff;
color: #ffffff;
}
.accent-blue .custom-control-input:checked ~ .custom-control-label::before { .accent-blue .custom-control-input:checked ~ .custom-control-label::before {
background: #007bff; background: #007bff;
border-color: #004a99; border-color: #004a99;
@ -29365,15 +29440,20 @@ a.text-muted:hover {
} }
.accent-indigo .btn-link, .accent-indigo .btn-link,
.accent-indigo a { .accent-indigo a:not(.dropdown-item) {
color: #6610f2; color: #6610f2;
} }
.accent-indigo .btn-link:hover, .accent-indigo .btn-link:hover,
.accent-indigo a:hover { .accent-indigo a:not(.dropdown-item):hover {
color: #4709ac; color: #4709ac;
} }
.accent-indigo .dropdown-item.active {
background: #6610f2;
color: #ffffff;
}
.accent-indigo .custom-control-input:checked ~ .custom-control-label::before { .accent-indigo .custom-control-input:checked ~ .custom-control-label::before {
background: #6610f2; background: #6610f2;
border-color: #3d0894; border-color: #3d0894;
@ -29405,15 +29485,20 @@ a.text-muted:hover {
} }
.accent-purple .btn-link, .accent-purple .btn-link,
.accent-purple a { .accent-purple a:not(.dropdown-item) {
color: #6f42c1; color: #6f42c1;
} }
.accent-purple .btn-link:hover, .accent-purple .btn-link:hover,
.accent-purple a:hover { .accent-purple a:not(.dropdown-item):hover {
color: #4e2d89; color: #4e2d89;
} }
.accent-purple .dropdown-item.active {
background: #6f42c1;
color: #ffffff;
}
.accent-purple .custom-control-input:checked ~ .custom-control-label::before { .accent-purple .custom-control-input:checked ~ .custom-control-label::before {
background: #6f42c1; background: #6f42c1;
border-color: #432776; border-color: #432776;
@ -29445,15 +29530,20 @@ a.text-muted:hover {
} }
.accent-pink .btn-link, .accent-pink .btn-link,
.accent-pink a { .accent-pink a:not(.dropdown-item) {
color: #e83e8c; color: #e83e8c;
} }
.accent-pink .btn-link:hover, .accent-pink .btn-link:hover,
.accent-pink a:hover { .accent-pink a:not(.dropdown-item):hover {
color: #c21766; color: #c21766;
} }
.accent-pink .dropdown-item.active {
background: #e83e8c;
color: #ffffff;
}
.accent-pink .custom-control-input:checked ~ .custom-control-label::before { .accent-pink .custom-control-input:checked ~ .custom-control-label::before {
background: #e83e8c; background: #e83e8c;
border-color: #ac145a; border-color: #ac145a;
@ -29485,15 +29575,20 @@ a.text-muted:hover {
} }
.accent-red .btn-link, .accent-red .btn-link,
.accent-red a { .accent-red a:not(.dropdown-item) {
color: #dc3545; color: #dc3545;
} }
.accent-red .btn-link:hover, .accent-red .btn-link:hover,
.accent-red a:hover { .accent-red a:not(.dropdown-item):hover {
color: #a71d2a; color: #a71d2a;
} }
.accent-red .dropdown-item.active {
background: #dc3545;
color: #ffffff;
}
.accent-red .custom-control-input:checked ~ .custom-control-label::before { .accent-red .custom-control-input:checked ~ .custom-control-label::before {
background: #dc3545; background: #dc3545;
border-color: #921925; border-color: #921925;
@ -29525,15 +29620,20 @@ a.text-muted:hover {
} }
.accent-orange .btn-link, .accent-orange .btn-link,
.accent-orange a { .accent-orange a:not(.dropdown-item) {
color: #fd7e14; color: #fd7e14;
} }
.accent-orange .btn-link:hover, .accent-orange .btn-link:hover,
.accent-orange a:hover { .accent-orange a:not(.dropdown-item):hover {
color: #c35a02; color: #c35a02;
} }
.accent-orange .dropdown-item.active {
background: #fd7e14;
color: #1F2D3D;
}
.accent-orange .custom-control-input:checked ~ .custom-control-label::before { .accent-orange .custom-control-input:checked ~ .custom-control-label::before {
background: #fd7e14; background: #fd7e14;
border-color: #aa4e01; border-color: #aa4e01;
@ -29565,15 +29665,20 @@ a.text-muted:hover {
} }
.accent-yellow .btn-link, .accent-yellow .btn-link,
.accent-yellow a { .accent-yellow a:not(.dropdown-item) {
color: #ffc107; color: #ffc107;
} }
.accent-yellow .btn-link:hover, .accent-yellow .btn-link:hover,
.accent-yellow a:hover { .accent-yellow a:not(.dropdown-item):hover {
color: #ba8b00; color: #ba8b00;
} }
.accent-yellow .dropdown-item.active {
background: #ffc107;
color: #1F2D3D;
}
.accent-yellow .custom-control-input:checked ~ .custom-control-label::before { .accent-yellow .custom-control-input:checked ~ .custom-control-label::before {
background: #ffc107; background: #ffc107;
border-color: #a07800; border-color: #a07800;
@ -29605,15 +29710,20 @@ a.text-muted:hover {
} }
.accent-green .btn-link, .accent-green .btn-link,
.accent-green a { .accent-green a:not(.dropdown-item) {
color: #28a745; color: #28a745;
} }
.accent-green .btn-link:hover, .accent-green .btn-link:hover,
.accent-green a:hover { .accent-green a:not(.dropdown-item):hover {
color: #19692c; color: #19692c;
} }
.accent-green .dropdown-item.active {
background: #28a745;
color: #ffffff;
}
.accent-green .custom-control-input:checked ~ .custom-control-label::before { .accent-green .custom-control-input:checked ~ .custom-control-label::before {
background: #28a745; background: #28a745;
border-color: #145523; border-color: #145523;
@ -29645,15 +29755,20 @@ a.text-muted:hover {
} }
.accent-teal .btn-link, .accent-teal .btn-link,
.accent-teal a { .accent-teal a:not(.dropdown-item) {
color: #20c997; color: #20c997;
} }
.accent-teal .btn-link:hover, .accent-teal .btn-link:hover,
.accent-teal a:hover { .accent-teal a:not(.dropdown-item):hover {
color: #158765; color: #158765;
} }
.accent-teal .dropdown-item.active {
background: #20c997;
color: #ffffff;
}
.accent-teal .custom-control-input:checked ~ .custom-control-label::before { .accent-teal .custom-control-input:checked ~ .custom-control-label::before {
background: #20c997; background: #20c997;
border-color: #127155; border-color: #127155;
@ -29685,15 +29800,20 @@ a.text-muted:hover {
} }
.accent-cyan .btn-link, .accent-cyan .btn-link,
.accent-cyan a { .accent-cyan a:not(.dropdown-item) {
color: #17a2b8; color: #17a2b8;
} }
.accent-cyan .btn-link:hover, .accent-cyan .btn-link:hover,
.accent-cyan a:hover { .accent-cyan a:not(.dropdown-item):hover {
color: #0f6674; color: #0f6674;
} }
.accent-cyan .dropdown-item.active {
background: #17a2b8;
color: #ffffff;
}
.accent-cyan .custom-control-input:checked ~ .custom-control-label::before { .accent-cyan .custom-control-input:checked ~ .custom-control-label::before {
background: #17a2b8; background: #17a2b8;
border-color: #0c525d; border-color: #0c525d;
@ -29725,15 +29845,20 @@ a.text-muted:hover {
} }
.accent-white .btn-link, .accent-white .btn-link,
.accent-white a { .accent-white a:not(.dropdown-item) {
color: #ffffff; color: #ffffff;
} }
.accent-white .btn-link:hover, .accent-white .btn-link:hover,
.accent-white a:hover { .accent-white a:not(.dropdown-item):hover {
color: #d9d9d9; color: #d9d9d9;
} }
.accent-white .dropdown-item.active {
background: #ffffff;
color: #1F2D3D;
}
.accent-white .custom-control-input:checked ~ .custom-control-label::before { .accent-white .custom-control-input:checked ~ .custom-control-label::before {
background: #ffffff; background: #ffffff;
border-color: #cccccc; border-color: #cccccc;
@ -29765,15 +29890,20 @@ a.text-muted:hover {
} }
.accent-gray .btn-link, .accent-gray .btn-link,
.accent-gray a { .accent-gray a:not(.dropdown-item) {
color: #6c757d; color: #6c757d;
} }
.accent-gray .btn-link:hover, .accent-gray .btn-link:hover,
.accent-gray a:hover { .accent-gray a:not(.dropdown-item):hover {
color: #494f54; color: #494f54;
} }
.accent-gray .dropdown-item.active {
background: #6c757d;
color: #ffffff;
}
.accent-gray .custom-control-input:checked ~ .custom-control-label::before { .accent-gray .custom-control-input:checked ~ .custom-control-label::before {
background: #6c757d; background: #6c757d;
border-color: #3d4246; border-color: #3d4246;
@ -29805,15 +29935,20 @@ a.text-muted:hover {
} }
.accent-gray-dark .btn-link, .accent-gray-dark .btn-link,
.accent-gray-dark a { .accent-gray-dark a:not(.dropdown-item) {
color: #343a40; color: #343a40;
} }
.accent-gray-dark .btn-link:hover, .accent-gray-dark .btn-link:hover,
.accent-gray-dark a:hover { .accent-gray-dark a:not(.dropdown-item):hover {
color: #121416; color: #121416;
} }
.accent-gray-dark .dropdown-item.active {
background: #343a40;
color: #ffffff;
}
.accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before { .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
background: #343a40; background: #343a40;
border-color: #060708; border-color: #060708;

2
dist/css/adminlte.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/adminlte.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/adminlte.min.css.map vendored
View File

File diff suppressed because one or more lines are too long