librenms/html/css/dark.css

.fa-nav-icons {
    color: #e30613;
}

.fa-col-success {
    color: #3c763d;
}

.fa-col-info {
    color: #31708f;
}

.fa-col-primary {
    color: #357ebd;
}

.fa-col-danger {
    color: #e30613;
}

.twitter-typeahead .tt-hint {
    border-color: #000 !important;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #e30613;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #e30613, 0 0 5px #e30613;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 16px;
  right: 45px;
  width: 20px;
  height: 20px;
  border: solid 2px transparent;
  border-top-color: #e30613;
  border-left-color: #e30613;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.device-availability, .service-availability{
  color:#000000;
  float:left;
  width:166px;
  height:64px;
  margin:10px;
  padding:8px;
  border-radius:5px;
  text-align:center;
}

.device-availability.up, .service-availability.up {
  border:1px solid #5CB85C;
}

.device-availability.down, .service-availability.down {
  border:1px solid #D9534F;
}

.device-availability.warn, .service-availability.warn {
  border:1px solid #FFB733;
}

.availability-label {
  float:right;
  margin:-8px;
}

.service-name-label {
  float:left;
  margin:-8px;
}

.report-up {
  color:#5CB85C;
}

.report-warning {
  color:#FFB733;
}

.report-down {
  color:#D9534F;
}

.page-availability-title-left {
  width:50%;
  float:left;
  height:40px;
}

.page-availability-title-right {
  width:50%;
  float:left;
  text-align:right;
}

.page-availability-title {
  font-size:18px;
  font-weight: bold;
}

.page-availability-report-select {
  font-size:16px;
  border:none;
  font-weight:bold;
  padding-right:10px;
  margin-left:10px;
}


.page-availability-report-host {
  float:right;
  text-align:right;
  padding-left:10px;
}

.page-availability-report-service {
  float:right;
  text-align:right;
}

.widget-availability {
  float:left;
  margin:2px;
}

.widget-availability-host {
  float:left;
  margin-bottom: 10px;
}

.widget-availability-service {
  float:right;
  margin-bottom: 10px;
}

.label-font-border {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 10px;
}

.label-font-border.label-border {
  margin:0px 2px 0px 2px;
}