/* Kallithea theme: dark */
html { background: #1e1e1e; }
body { background: #1e1e1e; color: #d5d5d5; }

/* panels / content boxes */
.panel { background-color: #262626; border-color: #3a3a3a; }
.panel > .panel-heading { background-color: #2d2d2d; border-color: #3a3a3a; color: #d5d5d5; }
.panel > .panel-footer { background-color: #262626; border-color: #3a3a3a; }
.panel-primary > .panel-heading { background-color: #2d2d2d; color: #e8e8e8; border-color: #3a3a3a; }
.panel-default > .panel-heading { background-color: #2d2d2d; color: #e8e8e8; border-color: #3a3a3a; }
a { color: #6db3f2; }
a:hover, a:focus { color: #9ecbff; }

/* tables */
table, th, td { border-color: #3a3a3a !important; }
.table > thead > tr > th, .table > tbody > tr > td { border-color: #3a3a3a; }
.table > thead > tr > th { background-color: #2d2d2d; color: #e8e8e8; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #232323; }
.table-hover > tbody > tr:hover { background-color: #303030; }

/* navbars (both are navbar-inverse; darken a bit more and separate from bg) */
.navbar-inverse { background-color: #141414; border-color: #2a2a2a; }
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-link { color: #f0f0f0; }
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open > a { color: #cfcfcf; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .open > a { background-color: #262626 !important; color: #fff; }

/* dropdowns */
.dropdown-menu { background-color: #262626; border-color: #3a3a3a; }
.dropdown-menu > li > a { color: #d5d5d5; }
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a { background-color: #303030; color: #fff; }

/* forms */
input[type="text"], input[type="password"], input[type="email"], input[type="search"],
input[type="url"], textarea, select, .form-control {
  background-color: #1b1b1b; color: #d5d5d5; border-color: #3a3a3a;
}
/* bootstrap .form-control[readonly] is (0,2,0) and would win over the
   rule above (0,1,0), leaving readonly inputs light on dark themes */
.form-control[readonly], .form-control[disabled] {
  background-color: #1b1b1b; color: #d5d5d5; border-color: #3a3a3a; opacity: 1;
}

input[type="text"]:focus, .form-control:focus { border-color: #6db3f2; box-shadow: none; }
label, .control-label { color: #d5d5d5; }

/* clone-url row on the repo summary: bootstrap leaves .input-group-addon
   white unless themed, which makes it unreadable on dark backgrounds */
#clone-url .input-group-addon {
  background-color: #1b1b1b; color: #d5d5d5; border-color: #3a3a3a;
}
#clone-url .input-group-addon.btn:hover {
  background-color: #3f3f3f; color: #fff; border-color: #5a5a5a;
}

/* buttons */
.btn-default { background-color: #333; color: #e5e5e5; border-color: #4a4a4a; }
.btn-default:hover { background-color: #3f3f3f; color: #fff; border-color: #5a5a5a; }
.btn-primary { background-color: #2a6db3; border-color: #245d99; color: #fff; }
.btn-primary:hover { background-color: #317ecb; color: #fff; }
.btn-xs, .btn-sm { color: inherit; }

/* well / list-group / misc */
.well { background-color: #232323; border-color: #3a3a3a; }
.list-group-item { background-color: #262626; border-color: #3a3a3a; color: #d5d5d5; }
.list-group-item:hover { background-color: #303030; }
.breadcrumb { background-color: #232323; }
.pagination > li > a { background-color: #262626; border-color: #3a3a3a; color: #6db3f2; }
.badge { background-color: #4a4a4a; color: #f0f0f0; }
.label { color: #fff; }
hr { border-color: #3a3a3a; }

/* code / diffs */
pre, code { background-color: #1b1b1b; color: #d8d8d8; border-color: #3a3a3a; }
.code, .code * { background-color: #1b1b1b !important; color: #d8d8d8; }
table.code td { background-color: #1b1b1b; color: #d8d8d8; }
table.diff-ctx td { background-color: #1b1b1b; color: #d8d8d8; }
table.diff td { background-color: #202020; }
table.diff .diff-linehet { background-color: #2d2d2d !important; color: #ccc; }
table.diff .diff-line-del { background-color: #4b1d1d !important; }
table.diff .diff-line-add { background-color: #1e3a1e !important; }

/* pygments code highlighting on dark */
.highlighttable { background-color: #1b1b1b; color: #d8d8d8; }
.highlighttable pre, .linenos { background-color: #1b1b1b !important; color: #888 !important; }

/* navbar footer */
.footer { background-color: #141414; border-color: #2a2a2a; }
.footer a { color: #cfcfcf; }


/* themed switchers: beat select2's !important colors (this sheet loads after style.css) */
.navbar .select2-container > a.select2-choice,
.navbar .select2-container > a.select2-choice.select2-default {
  color: #cfcfcf !important;
  background: #141414 !important;
}
.navbar .select2-container > a.select2-choice:hover,
.navbar .select2-container > a.select2-choice.select2-default:hover {
  color: #fff !important;
  background-color: #262626 !important;
}
.select2-drop, .select2-drop.select2-drop-active {
  background-color: #262626 !important;
  color: #d5d5d5 !important;
  border: 1px solid #3a3a3a !important;
}
.select2-drop .select2-search input, .select2-drop .select2-input {
  background-color: #1b1b1b !important;
  color: #d5d5d5 !important;
}
.select2-drop .select2-results, .select2-drop .select2-result {
  color: #d5d5d5 !important;
  background-color: #262626 !important;
}
.select2-drop .select2-results .select2-highlighted,
.select2-drop .select2-results .select2-selected {
  background: #303030 !important;
}
.select2-drop .select2-result-label { color: #d5d5d5 !important; }
.select2-drop .select2-result-selectable .select2-match,
.select2-drop .select2-result-unselectable .select2-match { color: #fff !important; }

/* themed pagination (Previous / page numbers / Next on repo lists) */
.pagination > li > a { background-color: #262626; border-color: #3a3a3a; color: #6db3f2; }
.pagination > li > a:hover, .pagination > li > a:focus { background-color: #303030; color: #6db3f2; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus {
  background-color: #2a6db3; border-color: #2a6db3; color: #fff;
}
.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #888; background-color: #262626; border-color: #3a3a3a;
}