html.dark body {
  --splash: #5b47e0;
  background: var(--dark-dark);
  color: var(--medium-dust)
}

html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6,
html.dark footer,
html.dark nav ol li a {
  color: var(--medium-dust);
}

html.dark nav ol li a:not(.current):hover {
  border-color: var(--medium-dust);
}

html.dark header,
html.dark main aside,
html.dark nav {
  background: #1d1d1d;
}

html.dark nav {
  border: none;
}

html.dark nav ol li ol {
  background: #1d1d1d;
  border-color: var(--twilight);
}

html.dark nav ol li ol li a:hover,
html.dark nav ol li ol li a.current {
  background: var(--dark-twilight);
  border-color: var(--splash);
}

html.dark hr {
  border-color: var(--twilight);
}

html.dark main aside div,
html.dark div.content-view {
  background: var(--dark-twilight);
}

html.dark article table tbody {
  background: var(--dark-twilight);
}

html.dark article table tbody tr:nth-child(2n+1) {
  background: var(--dark);
}

html.dark article table tbody tr:nth-child(2n+1) td {
  border-top: 1px solid var(--dark-dark);
  border-bottom: 1px solid var(--dark-dark);
}

html.dark article table tbody tr:last-child td {
  border-bottom: var(--half-space) solid var(--twilight);
}

html.dark form>div>input[type="text"],
html.dark form>div>input[type="password"],
html.dark input[type="email"] {
  border: 2px solid var(--twilight);
  border-radius: 6px;
  padding: 8px;
  background: var(--dark-dark);
  width: 100%;
  color: var(--light-dust);
}

html.dark div.services>div,
html.dark div.infobox {
  background: var(--dark);
}