Dark mode CSS for Camect

camect.css

@-moz-document domain("home.camect.com")
{
  body {
    background-color: #1a1a1a;
  }
  top-bar:not(.tabbed-top-bar),
  .fs-modal .modal-header {
    color: black;
    background: #0c8;
  }
  .modal-header .fa::before {
    color: black;
  }
  .light-background {
    background: #444;
  }
  top-bar .top-bar i::before,
  top-bar .top-bar-title .cam-list-title,
  top-bar .top-bar-login-state button,
  top-bar .top-bar-login-state button {
    color: #000;
  }
  .op-mode-icon {
      border-color: #7e7e7e;
      background-color: #444;
  }
  hr {
      border-top: 1px solid #7e7e7e;
  }
  camera-list .rescan-button.disabled {
      color: red;
  }
  .fa-border {
    color: #ccc;
    background-color: #333;
    border-color: #666;
  }
  .fa-smile-o:before,
  .fa-home-o:before,
  .fa-smile:before,
  .fa-home:before {
      color: #aaa;
  }
  .fs-modal {
    color: #eee;
    background-color: #333;
  }
  input,
  textarea,
  .form-control {
    color: #ddd;
    background-color: #666;
  }
  .fs-modal .close-btn,
  .btn {
    color: black;
  }
  .fs-modal .fa-refresh:hover {
    color: #666;
  }
  .fa.ng-binding::before {
    color: black;
  }
  .ng-scope > .btn {
    color: #ddd;
    background-color: #444;
    border-color: #aaa;
  }
  .op-mode-icon,
  .op-mode-icon:before {
    color: #ddd;
    border-color: #aaa;
  }
  .op-mode-icon.active,
  .op-mode-icon.active:before {
    color: black;
    background-color: #484;
    border-color: #aaa;
  }
  .btn-default {
    color: #eee;
    background-color: #666;
    border-color: #adadad;
  }
  .btn-default:hover {
    color: #333;
    background-color: #999;
    border-color: #adadad;
  }
  /* nav tabs default */
  .nav-tabs>li>a {
    color: #eee;
    background-color: #444;
    border-color: #adadad;
  }
  .nav-tabs>li>a:focus,
  .nav-tabs>li>a:hover {
    color: #555;
    background-color: #ccc;
  }
  /* nav tabs active */
  .nav-tabs>li.active>a {
    color: #eee;
    background-color: #666;
    border-color: #adadad;
  }
  .nav-tabs>li.active>a:focus,
  .nav-tabs>li.active>a:hover {
    background-color: #ccc;
  }
  a:not(.btn):visited {
    color: #ccc;
  }
  .fa-plus-square-o,
  .fa-minus-square-o {
    color: #eee;
  }
  a.btn.ng-binding {
    color: white;
  }
  .pri-user {
    background-color: #596;
  }
  .pri-user.pri-user-dark {
    background-color: #183;
  }
}