/* Dark theme, applied when <html data-theme="dark"> (set by theme_head.html). */

html[data-theme="dark"] {
  color-scheme: dark;
}
html[data-theme="dark"] body {
  color: #d4d4d4;
  background-color: #1f2023;
}
html[data-theme="dark"] a,
html[data-theme="dark"] a:hover {
  color: #e6e6e6;
}
html[data-theme="dark"] h1 small,
html[data-theme="dark"] h3 small {
  color: #8a8a8a;
}
html[data-theme="dark"] .nav > li > a:hover {
  background-color: #2c2d31;
}
html[data-theme="dark"] .entries a:hover {
  background-color: #2c2d31;
}
html[data-theme="dark"] .entries a.hn:visited,
html[data-theme="dark"] .entries a.link:visited {
  color: #7a7a7a;
}
html[data-theme="dark"] .entries .source {
  color: #8a8a8a;
}

/* Toggle button, styled to sit with the nav links. */
.theme-toggle {
  margin: 2px 4px 0 0;
  padding: 6px 10px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: inherit;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
}
.theme-toggle:hover {
  background-color: #eeeeee;
}
html[data-theme="dark"] .theme-toggle:hover {
  background-color: #2c2d31;
}