vrr/ntopng
2
0
Fork 0
mirror of https://github.com/ntop/ntopng.git synced 2026-04-29 15:39:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

dark mode improvments

Browse source
This commit is contained in:
gabryon99 2020-01-30 21:33:54 +01:00
parent 558b4d366c
commit e5f5c0c51d
1 changed files with 52 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

61
httpdocs/css/dark-mode.css
View file

@ -3,12 +3,15 @@ html, body {
color: #eee;
}
a,
.btn-link {
a,.btn-link {
color: #ff8a26;
}
.btn-link:hover {
color: #ff9539;
a:hover, .btn-link:hover {
color: #f39f55;
}
.bg-primary {
background-color: #ff8a26 !important;
}
.bg-light {
@ -17,7 +20,8 @@ a,
}
.bg-white {
background-color: #000 !important;
background-color: #1f1f1f !important;
color: #e2e2e2;
}
.bg-black {
@ -28,8 +32,7 @@ a,
color: #e2e2e2 !important;
}
.navbar-light, .navbar-light .navbar-brand,
ul.navbar-nav li.nav-item > a {
.navbar-light, .navbar-light .navbar-brand, ul.navbar-nav li.nav-item > a {
color: #e2e2e2 !important;
}
@ -41,19 +44,32 @@ ul.navbar-nav li.nav-item.active > a.active {
.breadcrumb {
background-color: #1d1d1d !important;
}
.breadcrumb-item.active {
color: #a2a2a2;
}
.dropdown-menu {
background-color: #1d1d1d !important;
color: #eee;
}
.dropdown-item {
color: #e2e2e2;
}
.dropdown-menu .dropdown-item:hover {
background-color: #2c2c2c !important;
color: #e2e2e2;
}
.popover {
background-color: #343434;
}
.popover-body {
color: #eee;
}
.popover-header {
color: #000 !important;
background-color: #323232;
color: #eee;
border-bottom: 1px solid #272727;
}
.table {
@ -95,7 +111,7 @@ table.tablesorter tfoot tr th {
.btn-outline-dark {
border-color: #f8f9fa !important;
}
.btn-outline-dark:hover {
.btn-outline-dark:hover, ul.navbar-nav li.nav-item > a.btn-outline-dark:hover {
color: #212529 !important;
background-color: #f8f9fa !important;
border-color: #f8f9fa !important;
@ -128,4 +144,31 @@ table.tablesorter tfoot tr th {
background-color: #262626;
border-color: #2c2c2c #2c2c2c #212121;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: #2c2c2c #2c2c2c #212121;
}
.modal-header, .modal-footer {
border-color: #2c2c2c !important;
}
.modal-content {
background-color: #242424;
}
.alert-light {
background-color: #1f1f1f !important;
color: #eee;
border-color: #2c2c2c;
}
.filter-scripts-button {
color: #ff7500 !important;
}
.filter-scripts-button:hover {
color: #f39f55 !important;
}
.filter-scripts-button.active {
background-color: #ff7500 !important;
color: #eee !important;
}