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 theme

Browse source
This commit is contained in:
gabryon99 2020-01-30 21:08:30 +01:00
parent 8d19e56967
commit 558b4d366c
9 changed files with 164 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

131
httpdocs/css/dark-mode.css Normal file
View file

@ -0,0 +1,131 @@
html, body {
background-color: #121212 !important;
color: #eee;
}
a,
.btn-link {
color: #ff8a26;
}
.btn-link:hover {
color: #ff9539;
}
.bg-light {
background-color: #1f1f1f !important;
color: #e2e2e2 !important;
}
.bg-white {
background-color: #000 !important;
}
.bg-black {
background-color: #eee !important;
}
.info-stats a {
color: #e2e2e2 !important;
}
.navbar-light, .navbar-light .navbar-brand,
ul.navbar-nav li.nav-item > a {
color: #e2e2e2 !important;
}
ul.navbar-nav li.nav-item.active > a.active {
color: #e9e9e9 !important;
font-weight: 600;
}
.breadcrumb {
background-color: #1d1d1d !important;
}
.dropdown-menu {
background-color: #1d1d1d !important;
}
.dropdown-item {
color: #e2e2e2;
}
.dropdown-menu .dropdown-item:hover {
background-color: #2c2c2c !important;
}
.popover-header {
color: #000 !important;
}
.table {
background-color: #1f1f1f !important;
color: #e2e2e2 !important;
}
.table-bordered,
.table-bordered td,
.table-bordered th {
border: 1px solid #2c2c2c;
}
.table thead th {
border-bottom: 2px solid #2c2c2c;
}
.table td,
.table th {
border-top: 1px solid #2c2c2c !important;
border-color: #2c2c2c !important;
}
.table-hover tbody tr:hover {
color: #e2e2e2 !important;
background-color: rgba(48, 48, 48) !important;
}
.table .thead-light th {
color: #e2e2e2 !important;
background-color: #333;
}
.tablesorter,
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
background-color: #2c2c2c !important;
}
[data-theme="dark"]table.tablesorter tbody td {
background-color: #121212 !important;
color: #e2e2e2 !important;
}
.btn-outline-dark {
border-color: #f8f9fa !important;
}
.btn-outline-dark:hover {
color: #212529 !important;
background-color: #f8f9fa !important;
border-color: #f8f9fa !important;
}
.pagination .page-item .page-link,
.list-group-item {
background-color: #2d2d2d !important;
border: 1px solid #262626;
color: #fff;
}
.pagination .page-item.disabled .page-link {
color: #636363 !important;
}
.pagination .page-item.active .page-link {
background-color: #ff7500 !important;
color: #fff !important;
}
.list-group-item.active {
background-color: #ff8a26 !important;
border-color: #e26a04;
}
.nav-tabs {
border-bottom: 1px solid #212121;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #eee;
background-color: #262626;
border-color: #2c2c2c #2c2c2c #212121;
}