thetempusproject/app/css/main-dark.css

/* General body background and text color */
body {
    background-color: #121212; /* Dark background */
    color: #e0e0e0; /* Light text */
  }
  
  /* Navbar */
  .navbar {
    background-color: #1f1f1f;
    border-color: #333;
  }
  .navbar a {
    color: #e0e0e0;
  }
  .navbar a:hover {
    color: #ffffff;
  }
  
  /* Panels */
  .panel {
    background-color: #1f1f1f;
    border-color: #333;
    color: #e0e0e0;
  }
  .panel-heading {
    background-color: #333;
    color: #ffffff;
  }
  
  /* Buttons */
  .btn {
    background-color: #333;
    color: #ffffff;
    border-color: #444;
  }
  .btn:hover {
    background-color: #444;
    border-color: #555;
  }
  
  /* Forms */
  .form-control {
    background-color: #1f1f1f;
    color: #e0e0e0;
    border: 1px solid #333;
  }
  .form-control:focus {
    border-color: #555;
    box-shadow: none;
  }
  












































































  /**
 * app/css/main.css
 *
 * This file is for any css that should be applied site wide.
 *
 * @version 3.0
 * @author  Joey Kimsey <Joey@thetempusproject.com>
 * @link    https://TheTempusProject.com
 * @license https://opensource.org/licenses/MIT [MIT LICENSE]
 */

@media ( min-width: 768px ) {
  .side-nav {
      /* background-color: #222; */
  }
  .side-nav li a:hover,
  .side-nav li a:focus {
      background-color: #fff !important;
  }
}

/**
* Other
*/
.bars {
  /* background-color: #333; */
  /* box-shadow: 0 5px 0 #333, 0 10px 0 #333; */
}
.bg-gray {
  /* background-image: -moz-linear-gradient( center bottom, #BBBBBB 0%, #F0F0F0 100% ); */
  /* box-shadow: 0 1px 0 #B4B3B3; */
}
.UI-buffer {
  /* border-bottom: 1px solid #CCCCCC; */
}
.UI-page-buffer {
  /* border-bottom: 1px solid #CCCCCC; */
}
.table-user-information>tbody>tr {
  /* border-top: 1px solid rgb( 221, 221, 221 ); */
}
.sticky-foot-head {
  /* background: #EDEFF1; */
  /* border-bottom: 1px solid #CCCCCC; */
  /* border-top: 1px solid #DDDDDD; */
}
.sticky-foot {
  background-color: #fff;
}
.sticky-copy {
  background: #282828; /* E3E3E3; */
  border-bottom: 1px solid #b0b0b0; /* CCCCCC; */
  border-top: 1px solid #bfbfbf; /* DDDDDD; */
}

/**
* Main Carousel
*/
.main-text {
  color: #000;
}
.btn-clear {
  color: #000;
  border-color: #000;
}
.btn-clear:hover {
  color: #fff;
  /* background-color: #F000FF; */
}

/**
* Top Navigation
*/
.top-nav>li>a {
  /* color: #999; */
}
.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
  color: #000;
  background-color: #fff;
}
.top-nav>.open>.dropdown-menu {
  /* border: 1px solid rgba( 0, 0, 0, .15 ); */
  background-color: #000;
  /* -webkit-box-shadow: 0 6px 12px rgba( 0, 0, 0, .175 ); */
  /* box-shadow: 0 6px 12px rgba( 0, 0, 0, .175 ); */
}

/**
* Messages Dropdown
*/
li.message-header {
  /* border-bottom: 1px solid rgba( 0, 0, 0, .15 ); */
}
li.message-preview {
  /* border-bottom: 1px solid rgba( 0, 0, 0, .15 ); */
}

/**
* Widget
*/
.widget li.list-group-item {
  /* border-top: 1px solid #ddd; */
}
.widget li.list-group-item:hover {
  /* background-color: rgba( 86, 61, 124, .1 ); */
}
.widget .mic-info {
  /* color: #666666; */
}

/**
* Footer and Copyright
*/
.copy {
  background: #282828; /* E3E3E3; */
  border-bottom: 1px solid #b0b0b0; /* CCCCCC; */
  border-top: 1px solid #bfbfbf; /* DDDDDD; */
}
.footer-head {
  background: #282828; /* E3E3E3; */
  border-bottom: 1px solid #b0b0b0; /* CCCCCC; */
  border-top: 1px solid #bfbfbf; /* DDDDDD; */
}
.footer-head h3 {
  border-bottom: 1px solid #a1a7ad; /* BAC1C8 */
  color: #4a5c6e; /* 54697E */
}
.footer-head ul {
  /* color: #7F8C8D; */
}
.footer-head a {
  /* color: #78828D */
}

/**
* Side Navigation
*/
.side-nav>li>ul>li>a {
  /* color: #999; */
}
.side-nav>li>ul>li>a:hover {
  color: #000;
}
.side-nav .active > a {
  color: #000;
  background-color: #fff;
}
.side-nav .active > a:hover {
  color: #000;
  background-color: #fff;
}

/**
* Social
*/
.social span {
  /* background: none repeat scroll 0 0 #B5B5B5; */
  /* border: 2px solid #B5B5B5; */
}
.social span a {
  /* color: #EDEFF1; */
}
.social span:hover {
  /* border: 2px solid #2c3e50;
  background: #2c3e50; */
}
.social span a i {
  /* color: #EDEFF1 !important; */
}

/**
* Newsletter Box
*/
.newsletter-box input#appendedInputButton {
  background: #000;
}
.newsletter-box .btn {
  color: #000;
}

/**
* Colored Badges
*/
.badge {
  color: #000;
  /* background-color: #999999; */
}
.badge:hover {
  color: #000;
}
.badge-error {
  /* background-color: #b94a48; */
}
.badge-error:hover {
  /* background-color: #953b39; */
}
.badge-warning {
  /* background-color: #f89406; */
}
.badge-warning:hover {
  /* background-color: #c67605; */
}
.badge-success {
  /* background-color: #468847; */
}
.badge-success:hover {
  /* background-color: #356635; */
}
.badge-info {
  /* background-color: #3a87ad; */
}
.badge-info:hover {
  /* background-color: #2d6987; */
}
.badge-inverse {
  /* background-color: #333333; */
}
.badge-inverse:hover {
  /* background-color: #1a1a1a; */
}

/**
* Install Terms
*/
.install-terms {
  /* border: 1px solid #ccc;
  background: #f2f2f2; */
}
.install-terms p,
.install-terms li {
  /* color: #333; */
}
.install-terms h3 {
  color: #fff;
}
.install-terms h4 {
  color: #fff;
}
.install-terms strong {
  color: #fff;
}

/**
* Terms Page
*/
.terms-page {
  /* border: 1px solid #ccc;
  background: #f2f2f2; */
}
.terms-page p,
.terms-page li {
  /* color: #333; */
}
.terms-page h3 {
  color: #fff;
}
.terms-page h4 {
  color: #fff;
}
.terms-page strong {
  color: #fff;
}

/**
* Terms
*/
.terms {
  /* border: 1px solid #ccc; */
  /* background: #f2f2f2; */
}
.terms p,
.terms li {
  /* color: #333; */
}
.terms h3 {
  color: #fff;
}
.terms h4 {
  color: #fff;
}
.terms strong {
  color: #fff;
}

.material-switch > label::before {
  /* background: rgb(0, 0, 0); */
  /* box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); */
}
.material-switch > label::after {
  /* background: rgb(255, 255, 255); */
  /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); */
}