add dark theme for 34c3

public/css/theme6.css

@@ -1145,8 +1145,8 @@ img {
 .img-thumbnail {
   padding: 4px;
   line-height: 1.42857143;
-  background-color: #383838;
-  border: 1px solid #383838;
+  background-color: #282828;
+  border: 1px solid #282828;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
@@ -1162,7 +1162,7 @@ hr {
   margin-top: 20px;
   margin-bottom: 20px;
   border: 0;
-  border-top: 1px solid #383838;
+  border-top: 1px solid #282828;
 }
 .sr-only {
   position: absolute;
@@ -1425,7 +1425,7 @@ a.bg-danger:focus {
 .page-header {
   padding-bottom: 9px;
   margin: 40px 0 20px;
-  border-bottom: 1px solid #383838;
+  border-bottom: 1px solid #282828;
 }
 ul,
 ol {
@@ -1493,7 +1493,7 @@ blockquote {
   padding: 10px 20px;
   margin: 0 0 20px;
   font-size: 17.5px;
-  border-left: 5px solid #383838;
+  border-left: 5px solid #282828;
 }
 blockquote p:last-child,
 blockquote ul:last-child,
@@ -1517,7 +1517,7 @@ blockquote .small:before {
 blockquote.pull-right {
   padding-right: 15px;
   padding-left: 0;
-  border-right: 5px solid #383838;
+  border-right: 5px solid #282828;
   border-left: 0;
   text-align: right;
 }
@@ -1577,7 +1577,7 @@ pre {
   line-height: 1.42857143;
   word-break: break-all;
   word-wrap: break-word;
-  color: #383838;
+  color: #282828;
   background-color: #f5f5f5;
   border: 1px solid #cccccc;
   border-radius: 4px;
@@ -2262,7 +2262,7 @@ pre code {
   }
 }
 table {
-  background-color: #292929;
+  background-color: #181818;
 }
 caption {
   padding-top: 8px;
@@ -2287,11 +2287,11 @@ th {
   padding: 8px;
   line-height: 1.42857143;
   vertical-align: top;
-  border-top: 1px solid #383838;
+  border-top: 1px solid #282828;
 }
 .table > thead > tr > th {
   vertical-align: bottom;
-  border-bottom: 2px solid #383838;
+  border-bottom: 2px solid #282828;
 }
 .table > caption + thead > tr:first-child > th,
 .table > colgroup + thead > tr:first-child > th,
@@ -2302,7 +2302,7 @@ th {
   border-top: 0;
 }
 .table > tbody + tbody {
-  border-top: 2px solid #383838;
+  border-top: 2px solid #282828;
 }
 .table .table {
   background-color: #060606;
@@ -2316,7 +2316,7 @@ th {
   padding: 5px;
 }
 .table-bordered {
-  border: 1px solid #383838;
+  border: 1px solid #282828;
 }
 .table-bordered > thead > tr > th,
 .table-bordered > tbody > tr > th,
@@ -2324,17 +2324,17 @@ th {
 .table-bordered > thead > tr > td,
 .table-bordered > tbody > tr > td,
 .table-bordered > tfoot > tr > td {
-  border: 1px solid #383838;
+  border: 1px solid #282828;
 }
 .table-bordered > thead > tr > th,
 .table-bordered > thead > tr > td {
   border-bottom-width: 2px;
 }
 .table-striped > tbody > tr:nth-of-type(odd) {
-  background-color: #1a1a1a;
+  background-color: #080808;
 }
 .table-hover > tbody > tr:hover {
-  background-color: #383838;
+  background-color: #282828;
 }
 table col[class*="col-"] {
   position: static;
@@ -2359,14 +2359,14 @@ table th[class*="col-"] {
 .table > thead > tr.active > th,
 .table > tbody > tr.active > th,
 .table > tfoot > tr.active > th {
-  background-color: #383838;
+  background-color: #282828;
 }
 .table-hover > tbody > tr > td.active:hover,
 .table-hover > tbody > tr > th.active:hover,
 .table-hover > tbody > tr.active:hover > td,
 .table-hover > tbody > tr:hover > .active,
 .table-hover > tbody > tr.active:hover > th {
-  background-color: #2b2b2b;
+  background-color: #1b1b1b;
 }
 .table > thead > tr > td.success,
 .table > tbody > tr > td.success,
@@ -2462,7 +2462,7 @@ table th[class*="col-"] {
     margin-bottom: 15px;
     overflow-y: hidden;
     -ms-overflow-style: -ms-autohiding-scrollbar;
-    border: 1px solid #383838;
+    border: 1px solid #282828;
   }
   .table-responsive > .table {
     margin-bottom: 0;
@@ -2516,7 +2516,7 @@ legend {
   line-height: inherit;
   color: #888888;
   border: 0;
-  border-bottom: 1px solid #383838;
+  border-bottom: 1px solid #282828;
 }
 label {
   display: inline-block;
@@ -2567,9 +2567,9 @@ output {
   font-size: 14px;
   line-height: 1.42857143;
   color: #888888;
-  background-color: #333333;
+  background-color: #222222;
   background-image: none;
-  border: 1px solid #383838;
+  border: 1px solid #282828;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
@@ -3070,26 +3070,26 @@ fieldset[disabled] a.btn {
 }
 .btn-default {
   color: #ffffff;
-  background-color: #525252;
-  border-color: #383838;
+  background-color: #424242;
+  border-color: #282828;
 }
 .btn-default:focus,
 .btn-default.focus {
   color: #ffffff;
-  background-color: #383838;
+  background-color: #282828;
   border-color: #000000;
 }
 .btn-default:hover {
   color: #ffffff;
-  background-color: #383838;
-  border-color: #191919;
+  background-color: #282828;
+  border-color: #090909;
 }
 .btn-default:active,
 .btn-default.active,
 .open > .dropdown-toggle.btn-default {
   color: #ffffff;
-  background-color: #383838;
-  border-color: #191919;
+  background-color: #282828;
+  border-color: #090909;
 }
 .btn-default:active:hover,
 .btn-default.active:hover,
@@ -3101,7 +3101,7 @@ fieldset[disabled] a.btn {
 .btn-default.active.focus,
 .open > .dropdown-toggle.btn-default.focus {
   color: #ffffff;
-  background-color: #262626;
+  background-color: #161616;
   border-color: #000000;
 }
 .btn-default:active,
@@ -3118,17 +3118,17 @@ fieldset[disabled] .btn-default:focus,
 .btn-default.disabled.focus,
 .btn-default[disabled].focus,
 fieldset[disabled] .btn-default.focus {
-  background-color: #525252;
-  border-color: #383838;
+  background-color: #424242;
+  border-color: #282828;
 }
 .btn-default .badge {
-  color: #525252;
+  color: #424242;
   background-color: #ffffff;
 }
 .btn-primary {
   color: #ffffff;
   background-color: #a41c31;
-  border-color: #383838;
+  border-color: #282828;
 }
 .btn-primary:focus,
 .btn-primary.focus {
@@ -3139,14 +3139,14 @@ fieldset[disabled] .btn-default.focus {
 .btn-primary:hover {
   color: #ffffff;
   background-color: #781524;
-  border-color: #191919;
+  border-color: #090909;
 }
 .btn-primary:active,
 .btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
   color: #ffffff;
   background-color: #781524;
-  border-color: #191919;
+  border-color: #090909;
 }
 .btn-primary:active:hover,
 .btn-primary.active:hover,
@@ -3176,7 +3176,7 @@ fieldset[disabled] .btn-primary:focus,
 .btn-primary[disabled].focus,
 fieldset[disabled] .btn-primary.focus {
   background-color: #a41c31;
-  border-color: #383838;
+  border-color: #282828;
 }
 .btn-primary .badge {
   color: #a41c31;
@@ -3185,7 +3185,7 @@ fieldset[disabled] .btn-primary.focus {
 .btn-success {
   color: #ffffff;
   background-color: #99cc00;
-  border-color: #383838;
+  border-color: #282828;
 }
 .btn-success:focus,
 .btn-success.focus {
@@ -3196,14 +3196,14 @@ fieldset[disabled] .btn-primary.focus {
 .btn-success:hover {
   color: #ffffff;
   background-color: #739900;
-  border-color: #191919;
+  border-color: #090909;
 }
 .btn-success:active,
 .btn-success.active,
 .open > .dropdown-toggle.btn-success {
   color: #ffffff;
   background-color: #739900;
-  border-color: #191919;
+  border-color: #090909;
 }
 .btn-success:active:hover,
 .btn-success.active:hover,
@@ -3233,7 +3233,7 @@ fieldset[disabled] .btn-success:focus,
 .btn-success[disabled].focus,
 fieldset[disabled] .btn-success.focus {
   background-color: #99cc00;
-  border-color: #383838;
+  border-color: #282828;
 }
 .btn-success .badge {
   color: #99cc00;
@@ -3242,7 +3242,7 @@ fieldset[disabled] .btn-success.focus {
 .btn-info {
   color: #ffffff;
   background-color: #00ccff;
-  border-color: #383838;
+  border-color: #282828;
 }
 .btn-info:focus,
 .btn-info.focus {
@@ -3253,14 +3253,14 @@ fieldset[disabled] .btn-success.focus {
 .btn-info:hover {
   color: #ffffff;
   background-color: #00a3cc;
-  border-color: #191919;
+  border-color: #090909;
 }
 .btn-info:active,
 .btn-info.active,
 .open > .dropdown-toggle.btn-info {
   color: #ffffff;
   background-color: #00a3cc;
-  border-color: #191919;
+  border-color: #090909;
 }
 .btn-info:active:hover,
 .btn-info.active:hover,
@@ -3290,7 +3290,7 @@ fieldset[disabled] .btn-info:focus,
 .btn-info[disabled].focus,
 fieldset[disabled] .btn-info.focus {
   background-color: #00ccff;
-  border-color: #383838;
+  border-color: #282828;
 }
 .btn-info .badge {
   color: #00ccff;
@@ -3299,7 +3299,7 @@ fieldset[disabled] .btn-info.focus {
 .btn-warning {
   color: #ffffff;
   background-color: #ffff33;
-  border-color: #383838;
+  border-color: #282828;
 }
 .btn-warning:focus,
 .btn-warning.focus {
@@ -3310,14 +3310,14 @@ fieldset[disabled] .btn-info.focus {
 .btn-warning:hover {
   color: #ffffff;
   background-color: #ffff00;
-  border-color: #191919;
+  border-color: #090909;
 }
 .btn-warning:active,
 .btn-warning.active,
 .open > .dropdown-toggle.btn-warning {
   color: #ffffff;
   background-color: #ffff00;
-  border-color: #191919;
+  border-color: #090909;
 }
 .btn-warning:active:hover,
 .btn-warning.active:hover,
@@ -3347,7 +3347,7 @@ fieldset[disabled] .btn-warning:focus,
 .btn-warning[disabled].focus,
 fieldset[disabled] .btn-warning.focus {
   background-color: #ffff33;
-  border-color: #383838;
+  border-color: #282828;
 }
 .btn-warning .badge {
   color: #ffff33;
@@ -3356,7 +3356,7 @@ fieldset[disabled] .btn-warning.focus {
 .btn-danger {
   color: #ffffff;
   background-color: #ff6600;
-  border-color: #383838;
+  border-color: #282828;
 }
 .btn-danger:focus,
 .btn-danger.focus {
@@ -3367,14 +3367,14 @@ fieldset[disabled] .btn-warning.focus {
 .btn-danger:hover {
   color: #ffffff;
   background-color: #cc5200;
-  border-color: #191919;
+  border-color: #090909;
 }
 .btn-danger:active,
 .btn-danger.active,
 .open > .dropdown-toggle.btn-danger {
   color: #ffffff;
   background-color: #cc5200;
-  border-color: #191919;
+  border-color: #090909;
 }
 .btn-danger:active:hover,
 .btn-danger.active:hover,
@@ -3404,7 +3404,7 @@ fieldset[disabled] .btn-danger:focus,
 .btn-danger[disabled].focus,
 fieldset[disabled] .btn-danger.focus {
   background-color: #ff6600;
-  border-color: #383838;
+  border-color: #282828;
 }
 .btn-danger .badge {
   color: #ff6600;
@@ -3539,7 +3539,7 @@ tbody.collapse.in {
   list-style: none;
   font-size: 14px;
   text-align: left;
-  background-color: #333333;
+  background-color: #222222;
   border: 1px solid #444444;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 4px;
@@ -3911,7 +3911,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   color: #888888;
   text-align: center;
   background-color: #adafae;
-  border: 1px solid #383838;
+  border: 1px solid #282828;
   border-radius: 4px;
 }
 .input-group-addon.input-sm {
@@ -3996,7 +3996,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .nav > li > a:hover,
 .nav > li > a:focus {
   text-decoration: none;
-  background-color: #333333;
+  background-color: #222222;
 }
 .nav > li.disabled > a {
   color: #888888;
@@ -4011,7 +4011,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .nav .open > a,
 .nav .open > a:hover,
 .nav .open > a:focus {
-  background-color: #333333;
+  background-color: #222222;
   border-color: #a41c31;
 }
 .nav .nav-divider {
@@ -4024,7 +4024,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   max-width: none;
 }
 .nav-tabs {
-  border-bottom: 1px solid #383838;
+  border-bottom: 1px solid #282828;
 }
 .nav-tabs > li {
   float: left;
@@ -4037,14 +4037,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   border-radius: 4px 4px 0 0;
 }
 .nav-tabs > li > a:hover {
-  border-color: transparent transparent #383838;
+  border-color: transparent transparent #282828;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
 .nav-tabs > li.active > a:focus {
   color: #ffffff;
   background-color: #a41c31;
-  border: 1px solid #383838;
+  border: 1px solid #282828;
   border-bottom-color: transparent;
   cursor: default;
 }
@@ -4499,7 +4499,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 }
 .navbar-default {
   background-color: #060606;
-  border-color: #383838;
+  border-color: #282828;
 }
 .navbar-default .navbar-brand {
   color: #ffffff;
@@ -4533,18 +4533,18 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   background-color: transparent;
 }
 .navbar-default .navbar-toggle {
-  border-color: #383838;
+  border-color: #282828;
 }
 .navbar-default .navbar-toggle:hover,
 .navbar-default .navbar-toggle:focus {
-  background-color: #383838;
+  background-color: #282828;
 }
 .navbar-default .navbar-toggle .icon-bar {
   background-color: #cccccc;
 }
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
-  border-color: #383838;
+  border-color: #282828;
 }
 .navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover,
@@ -4594,8 +4594,8 @@ fieldset[disabled] .navbar-default .btn-link:focus {
   color: #888888;
 }
 .navbar-inverse {
-  background-color: #333333;
-  border-color: #1a1a1a;
+  background-color: #222222;
+  border-color: #080808;
 }
 .navbar-inverse .navbar-brand {
   color: #ffffff;
@@ -4640,7 +4640,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
 }
 .navbar-inverse .navbar-collapse,
 .navbar-inverse .navbar-form {
-  border-color: #212121;
+  border-color: #101010;
 }
 .navbar-inverse .navbar-nav > .open > a,
 .navbar-inverse .navbar-nav > .open > a:hover,
@@ -4650,10 +4650,10 @@ fieldset[disabled] .navbar-default .btn-link:focus {
 }
 @media (max-width: 767px) {
   .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
-    border-color: #1a1a1a;
+    border-color: #080808;
   }
   .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
-    background-color: #1a1a1a;
+    background-color: #080808;
   }
   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
     color: #888888;
@@ -4699,7 +4699,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
   padding: 8px 15px;
   margin-bottom: 20px;
   list-style: none;
-  background-color: #333333;
+  background-color: #222222;
   border-radius: 4px;
 }
 .breadcrumb > li {
@@ -4730,8 +4730,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
   line-height: 1.42857143;
   text-decoration: none;
   color: #ffffff;
-  background-color: #333333;
-  border: 1px solid #383838;
+  background-color: #222222;
+  border: 1px solid #282828;
   margin-left: -1px;
 }
 .pagination > li:first-child > a,
@@ -4773,8 +4773,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
 .pagination > .disabled > a:hover,
 .pagination > .disabled > a:focus {
   color: #888888;
-  background-color: #333333;
-  border-color: #383838;
+  background-color: #222222;
+  border-color: #282828;
   cursor: not-allowed;
 }
 .pagination-lg > li > a,
@@ -4822,8 +4822,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
 .pager li > span {
   display: inline-block;
   padding: 5px 14px;
-  background-color: #333333;
-  border: 1px solid #383838;
+  background-color: #222222;
+  border: 1px solid #282828;
   border-radius: 15px;
 }
 .pager li > a:hover,
@@ -4844,7 +4844,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
 .pager .disabled > a:focus,
 .pager .disabled > span {
   color: #888888;
-  background-color: #333333;
+  background-color: #222222;
   cursor: not-allowed;
 }
 .label {
@@ -4873,11 +4873,11 @@ a.label:focus {
   top: -1px;
 }
 .label-default {
-  background-color: #525252;
+  background-color: #424242;
 }
 .label-default[href]:hover,
 .label-default[href]:focus {
-  background-color: #383838;
+  background-color: #282828;
 }
 .label-primary {
   background-color: #a41c31;
@@ -4965,7 +4965,7 @@ a.badge:focus {
   padding-bottom: 30px;
   margin-bottom: 30px;
   color: inherit;
-  background-color: #262626;
+  background-color: #151515;
 }
 .jumbotron h1,
 .jumbotron .h1 {
@@ -4977,7 +4977,7 @@ a.badge:focus {
   font-weight: 200;
 }
 .jumbotron > hr {
-  border-top-color: #0d0d0d;
+  border-top-color: #000000;
 }
 .container .jumbotron,
 .container-fluid .jumbotron {
@@ -5008,8 +5008,8 @@ a.badge:focus {
   padding: 4px;
   margin-bottom: 20px;
   line-height: 1.42857143;
-  background-color: #383838;
-  border: 1px solid #383838;
+  background-color: #282828;
+  border: 1px solid #282828;
   border-radius: 4px;
   -webkit-transition: border 0.2s ease-in-out;
   -o-transition: border 0.2s ease-in-out;
@@ -5124,7 +5124,7 @@ a.thumbnail.active {
   overflow: hidden;
   height: 20px;
   margin-bottom: 20px;
-  background-color: #333333;
+  background-color: #222222;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
@@ -5246,8 +5246,8 @@ a.thumbnail.active {
   display: block;
   padding: 10px 15px;
   margin-bottom: -1px;
-  background-color: #333333;
-  border: 1px solid #383838;
+  background-color: #080808;
+  border: 1px solid #282828;
 }
 .list-group-item:first-child {
   border-top-right-radius: 4px;
@@ -5272,7 +5272,7 @@ a.list-group-item:focus,
 button.list-group-item:focus {
   text-decoration: none;
   color: #888888;
-  background-color: #595959;
+  background-color: #2f2f2f;
 }
 button.list-group-item {
   width: 100%;
@@ -5445,7 +5445,7 @@ button.list-group-item-danger.active:focus {
 }
 .panel {
   margin-bottom: 20px;
-  background-color: #333333;
+  background-color: #080808;
   border: 1px solid transparent;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
@@ -5478,8 +5478,8 @@ button.list-group-item-danger.active:focus {
 }
 .panel-footer {
   padding: 10px 15px;
-  background-color: #1a1a1a;
-  border-top: 1px solid #383838;
+  background-color: #151515;
+  border-top: 1px solid #282828;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
@@ -5593,7 +5593,7 @@ button.list-group-item-danger.active:focus {
 .panel > .panel-body + .table-responsive,
 .panel > .table + .panel-body,
 .panel > .table-responsive + .panel-body {
-  border-top: 1px solid #383838;
+  border-top: 1px solid #282828;
 }
 .panel > .table > tbody:first-child > tr:first-child th,
 .panel > .table > tbody:first-child > tr:first-child td {
@@ -5670,31 +5670,31 @@ button.list-group-item-danger.active:focus {
 }
 .panel-group .panel-heading + .panel-collapse > .panel-body,
 .panel-group .panel-heading + .panel-collapse > .list-group {
-  border-top: 1px solid #383838;
+  border-top: 1px solid #282828;
 }
 .panel-group .panel-footer {
   border-top: 0;
 }
 .panel-group .panel-footer + .panel-collapse .panel-body {
-  border-bottom: 1px solid #383838;
+  border-bottom: 1px solid #282828;
 }
 .panel-default {
-  border-color: #383838;
+  border-color: #282828;
 }
 .panel-default > .panel-heading {
   color: #888888;
-  background-color: #1a1a1a;
-  border-color: #383838;
+  background-color: #151515;
+  border-color: #282828;
 }
 .panel-default > .panel-heading + .panel-collapse > .panel-body {
-  border-top-color: #383838;
+  border-top-color: #282828;
 }
 .panel-default > .panel-heading .badge {
-  color: #1a1a1a;
+  color: #151515;
   background-color: #888888;
 }
 .panel-default > .panel-footer + .panel-collapse > .panel-body {
-  border-bottom-color: #383838;
+  border-bottom-color: #282828;
 }
 .panel-primary {
   border-color: #a41c31;
@@ -5816,8 +5816,8 @@ button.list-group-item-danger.active:focus {
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
-  background-color: #262626;
-  border: 1px solid #141414;
+  background-color: #151515;
+  border: 1px solid #030303;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
@@ -5929,7 +5929,7 @@ button.close {
 }
 .modal-header {
   padding: 15px;
-  border-bottom: 1px solid #383838;
+  border-bottom: 1px solid #282828;
 }
 .modal-header .close {
   margin-top: -2px;
@@ -5945,7 +5945,7 @@ button.close {
 .modal-footer {
   padding: 20px;
   text-align: right;
-  border-top: 1px solid #383838;
+  border-top: 1px solid #282828;
 }
 .modal-footer .btn + .btn {
   margin-left: 5px;
@@ -6788,24 +6788,24 @@ body {
   width: 100%;
 }
 .shift-calendar .lane {
-  background: #1a1a1a;
+  background: #080808;
   flex-grow: 1;
   min-width: 280px;
   width: 280px;
   flex-shrink: 1;
 }
 .shift-calendar .lane .header {
-  background: #333333;
-  border-bottom: 1px solid #383838;
+  background: #080808;
+  border-bottom: 1px solid #282828;
   height: 30px;
   padding: 5px 5px 5px 16px;
 }
 .shift-calendar .lane .tick {
   height: 30px;
-  border-top: 1px solid #141414;
+  border-top: 1px solid #030303;
 }
 .shift-calendar .lane .tick.hour {
-  border-top: 2px solid #383838;
+  border-top: 2px solid #282828;
   font-size: 0.9em;
   padding-left: 5px;
 }
@@ -6815,7 +6815,7 @@ body {
   padding-left: 5px;
 }
 .shift-calendar .lane.time {
-  border-right: 1px solid #383838;
+  border-right: 1px solid #282828;
   flex-grow: 0;
   min-width: 50px;
   width: 50px;
@@ -6951,7 +6951,7 @@ table .text-muted,
   color: #888888;
 }
 .table-responsive > .table {
-  background-color: #292929;
+  background-color: #181818;
 }
 .has-warning .help-block,
 .has-warning .control-label,
@@ -6987,7 +6987,7 @@ legend {
   color: #fff;
 }
 .input-group-addon {
-  background-color: #525252;
+  background-color: #424242;
 }
 .nav-tabs a,
 .nav-pills a,
@@ -7016,7 +7016,7 @@ legend {
 a.thumbnail:hover,
 a.thumbnail:focus,
 a.thumbnail.active {
-  border-color: #383838;
+  border-color: #282828;
 }
 .jumbotron h1,
 .jumbotron h2,

themes/theme6.less

@@ -32,8 +32,8 @@ THE SOFTWARE.
 //
 //## Gray and brand colors for use across Bootstrap.
 
-@gray-darker:            #333; // #222
-@gray-dark:              #383838;   // #333
+@gray-darker:            #222; // #222
+@gray-dark:              #282828;   // #333
 @gray:                   #555; // #555
 @gray-light:             #888;   // #999
 @gray-lighter:           #ADAFAE; // #eee
@@ -674,7 +674,7 @@ THE SOFTWARE.
 //##
 
 //** Background color on `.list-group-item`
-@list-group-bg:                 @gray-darker;
+@list-group-bg:                 darken(@gray-darker, 10%);
 //** `.list-group-item` border color
 @list-group-border:             @gray-dark;
 //** List group border radius
@@ -707,7 +707,7 @@ THE SOFTWARE.
 //
 //##
 
-@panel-bg:                    @gray-darker;
+@panel-bg:                    darken(@gray-darker, 10%);
 @panel-body-padding:          15px;
 @panel-heading-padding:       10px 15px;
 @panel-footer-padding:        @panel-heading-padding;
@@ -718,7 +718,7 @@ THE SOFTWARE.
 
 @panel-default-text:          @text-color;
 @panel-default-border:        @panel-inner-border;
-@panel-default-heading-bg:    darken(@gray-darker, 10%);
+@panel-default-heading-bg:    darken(@gray-darker, 5%);
 
 @panel-footer-bg:             @panel-default-heading-bg;