/*
 * Dark overrides for poole.css, hyde.css, and syntax.css.
 *
 * Loaded with media="(prefers-color-scheme: dark)" in head.html.
 */

body {
  color: #c5c5c5;
  background-color: #1d1d1d;
}

a,
.related-posts li a:hover {
  color: #4fa3e0;
}

h1, h2, h3, h4, h5, h6,
strong,
.page-title,
.post-title,
.post-title a {
  color: #e2e2e2;
}

hr {
  border-top-color: #333;
  border-bottom-color: transparent;
}

abbr {
  color: #aaa;
}
abbr[title] {
  border-bottom-color: #444;
}

code {
  color: #e8838b;
  background-color: #282828;
  border-color: #333;
}
pre {
  background-color: #282828;
}

blockquote {
  color: #969696;
  border-left-color: #3a3a3a;
}

table,
td,
th {
  border-color: #333;
}
tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th {
  background-color: #242424;
}

.message {
  color: #a0a0a0;
  background-color: #242424;
}

.masthead-title,
.masthead-title a {
  color: #c0c0c0;
}
.masthead-title small {
  color: #666;
}

.post-date,
.related-posts li small {
  color: #808080;
}

.related {
  border-top-color: #333;
}

.pagination {
  color: #555;
}
.pagination-item {
  border-color: #333;
}
a.pagination-item:hover {
  background-color: #262626;
}

ul#archive .categories li {
  color: #bbb;
  background-color: #262626;
  border-color: #333;
}
ul#archive .archive-view {
  color: #e2e2e2;
}

/*
 * syntax.css token colours that syntax-dark.css leaves unset; fall back
 * to the dark theme's base colour.
 */
.highlight .bp, .highlight .ge, .highlight .go, .highlight .gp,
.highlight .gr, .highlight .gs, .highlight .gt, .highlight .gu,
.highlight .nb, .highlight .nd, .highlight .ne, .highlight .nf,
.highlight .ni, .highlight .nl, .highlight .nv, .highlight .vc,
.highlight .vg, .highlight .vi {
  color: inherit;
}