add dark theme for 34c3

main
msquare 7 years ago
parent fc9dc7de19
commit d24701bde5

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

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

Loading…
Cancel
Save