Black Style CSS for AngualrJS Device directive

device-directive-black.css

.ly-device * {
  background-color: #222;
  color: #eee;
}

.ly-device,
.ly-modal-window {
  border: 1px solid #555;
}

.ly-device .ly-modal-window .ly-subheader {
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}

.ly-functions,
.ly-status,
.ly-header,
.ly-action {
  border-bottom: 1px solid #555;
}

.ly-form .ly-field .ly-value,
.ly-status .ly-description .ly-extras {
  color: #eee;
}

.ly-form .ly-actions .ly-delete-action {
  border-top: 1px solid #555;
}

.ly-modal .ly-modal-backdrop {
  background-color: #666;
}

.ly-form .ly-button {
  box-shadow: none;
}

.ly-device a,
.ly-status .ly-description .ly-name,
.ly-compact .ly-open-button {
  color: #FFFA00;
}

.ly-device .ly-modal .ly-button,
.ly-status .ly-execute .ly-spinner > div {
  background-color: #FFFA00;
  color: #333;
}

.ly-status .ly-execute .ly-button {
  border: 3px solid #FFFA00;
}

.ly-function .ly-execute .ly-button {
  border: 2.5px solid #FFFA00;
}

.ly-property .ly-button {
  border: 1.5px solid #eee;
}

.ly-property .ly-description .ly-name {
  color: #ccc;
}