Stacer/assets/css/themes/dark.css

/**
  AUTHOR <email@address>
*/

.dark {
  background-color: #202b33;
}

.dark .content h1 {
  color: #ccc;
  border-bottom: 1px solid #ccc;
}


/*----SIDEBAR-NAV----*/

.dark .sidebar-nav {
  background-color: #293945;
}

.dark .sidebar-nav ul li label {
  color: #2285c3;
}

.dark .sidebar-nav ul li:not(.nav-active) i {
  color: #fff;
}

.dark .sidebar-nav ul li:hover {
  background-color: #1b242b;
}

.dark .nav-active {
  background-color: #202b33;
}

.dark .sidebar-nav ul li:hover>i,
.dark .nav-active i {
  color: #2285c3;
}


/*-----DASHBOARD-----*/


/*chart-trail-color*/

.dark svg path:first-child {
  stroke: #202b33;
}

.dark .cont,
.dark .line-cont {
  background-color: #293945;
  color: #eee;
}

.dark .cont h3,
.dark .line-cont h3,
.dark .system-info h3 {
  color: #eee;
}

.dark .system-info ul li {
  color: #748390;
}


/*----SWITCH-----*/

.dark .switch+label,
.dark .switch:not(:checked)+label:hover:active {
  background-color: #EF4836;
}

.dark .switch+label::after {
  background-color: #fff;
}

.dark .switch:checked+label {
  box-shadow: inset 0 0 0 13px #4BD865;
}

.dark .scroll::-webkit-scrollbar-thumb {
  background-color: #314452;
}


/*----ITEM LIST-----*/

.dark .item-list ul li {
  background-color: #293945;
}

.dark .item-list ul li:hover {
  background-color: #314452;
}

.dark .item-list h3,
.dark .item-list ul li,
.dark .processes h3 {
  color: #aeb5bf;
}

.dark .item-list input[type=text],
.dark .processes input[type=text] {
  background-color: #202b33;
  border: 1px solid #314452;
  color: #aeb5bf;
}


/*----ITEM TABLE----*/

.dark .item-table {
  border: 1px solid #314452;
}

.dark .item-table ul li {
  border-bottom: 1px solid #314452;
}

.dark .item-table ul li:hover {
  background-color: #293945;
}

.dark .cleaner-side i,
.dark .item-table i {
  background-color: #748390;
}

.dark .item-table input[type=checkbox]:checked+i::after,
.dark .cleaner-side input[type=checkbox]:checked+i::after {
  background-color: #293945;
}

.dark .item-table span {
  color: #aeb5bf;
}

.dark .item-table h3 {
  background-color: #293945;
  color: #aeb5bf;
}


/*----CLEANER SIDE-----*/

.dark .cleaner-side ul li label {
  color: #aeb5bf;
}

.dark .cleaner-side ul li {
  border: 1px solid #314452;
}

.dark .cleaner-side ul li label:hover {
  background-color: #293945;
  color: #2285c3;
}

.dark #clean-btn,
.dark #system-scan-btn {
  color: #eee;
  border: 1px solid #293945;
}

.dark #clean-btn:hover,
.dark #system-scan-btn:hover {
  background-color: #293945;
}


/*----STARTUP APPS----*/

.dark .add-startup-app {
  background-color: #2196f3;
  color: #eee;
}

.dark .add-startup-app:hover {
  background-color: #2285c3;
}


/*----RESURCES----*/

.dark .resources h4 {
  color: #aeb5bf;
}

.dark .resources h4 i {
  color: #fff;
}

.dark #cpus-chart,
.dark #memory-chart,
.dark #network-chart {
  background-color: #293945;
}


/*----UNINSTALLER----*/

.dark .uninstaller-list label {
  border: 2px solid #fff;
  background-color: #314452;
}

.dark .uninstaller-list input[type=checkbox]:checked+label {
  background-color: #2285c3;
}

.dark #uninstall-selected {
  color: #aeb5bf;
  border: 1px solid #293945;
}

.dark #uninstall-selected:disabled {
  color: #293945;
}

.dark #uninstall-selected:disabled:hover {
  color: #202b33;
}

.dark #uninstall-selected:hover {
  background-color: #293945;
}


/*-----UPDATE-BAR-----*/

.dark .update-check {
  background-color: #16a085;
}

.dark .update-check span {
  color: #202b33;
}

.dark .update-check button {
  color: #fff;
  background-color: #202b33;
}

.dark .update-check button:hover {
  background-color: #293945;
}


/*----SETTINGS-----*/

.dark .settings div label {
  color: #748390;
}

.dark .settings div select {
  background-color: #293945;
  color: #fff;
}

.dark .empty-list {
  color: #748390;
}


/*----PROCESS-----*/

.dark .processes button {
  background-color: #293945;
  border: 1px solid #314452;
  color: #a9b1bb;
}

.dark .processes button:hover {
  background-color: #314452;
}

.dark .refreshCont label {
  color: #aab1ba;
}

.dark .refreshProcesses {
  background: #293945;
}

.dark .refreshProcesses::-webkit-slider-thumb {
  border: 7px solid #2285c3;
}

/*-----DATATABLE-----*/

.dark .datatable {
  background-color: #314452;
}

.dark .datatable tr:not(.selectedRow) {
  background-color: #293945;
  color: #ddd;
}

.dark .datatable tr:hover {
  background-color: #314452;
}

.dark .datatable th {
  color: #2285c3;
}

.dark .selectedRow {
  background-color: #314452;
  color: #a9b1bb;
}