DRCIT/snipe-it
1
0
Fork 0
mirror of https://github.com/snipe/snipe-it.git synced 2024-12-25 13:44:06 -08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fixes for black dark theme

Browse source
This commit is contained in:
Godfrey M 2023-11-29 11:30:02 -08:00
parent 7ac3341b4f
commit 4a19f23e7c
1 changed files with 14 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
resources/assets/less/skins/skin-black-dark.less
View file

@ -124,11 +124,11 @@ a {
--button-primary: darken(@black, 25%); --button-primary: darken(@black, 25%);
--button-hover: darken(@black, 30%); --button-hover: darken(@black, 30%);
--header: @black; /* Use same as Header picker */ --header: @black; /* Use same as Header picker */
--text-main: #BBB; --text-main: #fff;
--text-sub: #9b9b9b; --text-sub: #9b9b9b;
--link: #AAA; /* Use same as Header picker, lighten by 70% */ --link: #fff; /* Use same as Header picker, lighten by 70% */
--visited-link: lighten(@black, 40%); /* Use same as Header picker, lighten by 70% */ --visited-link: #fff; /* Use same as Header picker, lighten by 70% */
--hover-link: lighten(@black, 45%); /* Use same as Header picker, lighten by 70% */ --hover-link: #949494; /* Use same as Header picker, lighten by 70% */
--nav-link: #FFF; /* Use same as Header picker */ --nav-link: #FFF; /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */ --light-link: #fff; /* Use same as Header picker */
} }
@ -193,18 +193,6 @@ h2.task_menu{
color: var(--text-main); color: var(--text-main);
} }
a:link {
color: var(--link);
}
a:visited {
color: var(--nav-link);
}
a:hover {
color: var(--hover-link);
}
.btn-primary.hover { .btn-primary.hover {
color: var(--nav-link); color: var(--nav-link);
} }
@ -318,8 +306,11 @@ input[type=text], input[type=search] {
background-color: var(--back-sub); background-color: var(--back-sub);
color: var(--text-main); color: var(--text-main);
} }
.search-highlight, .search-highlight:hover{
background-color: var(--back-sub) !important;
}
.input-group, .input-group-addon { .input-group, .input-group-addon {
background-color: var(--back-sub)!important; background-color: var(--back-sub);
color: var(--text-main); color: var(--text-main);
} }
#licensesTable>tbody>tr>td>nobr>a>i.fa { #licensesTable>tbody>tr>td>nobr>a>i.fa {
@ -363,11 +354,11 @@ input[type=text], input[type=search] {
} }
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {
background-color: var(--back-sub); background-color: var(--back-sub);
color: var(--header); color: var(--nav-link);
} }
.select2-container--default .select2-results__option--highlighted[aria-selected] { .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--header); background-color: var(--back-sub);
color: var(--back-main); color: var(--visited-link);
} }
.select2-container--default .select2-selection--single .select2-selection__rendered { .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--text-main); color: var(--text-main);
@ -426,9 +417,6 @@ a {
color: var(--hover-link); color: var(--hover-link);
text-decoration: underline; text-decoration: underline;
} }
&:visited {
color: var(--visited-link)
}
} }
.row-striped { .row-striped {
@ -464,3 +452,6 @@ a {
div.container.row-new-striped{ div.container.row-new-striped{
background-color: var(--back-sub); background-color: var(--back-sub);
} }
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
background-color: var(--back-sub);
}