body {
  color: #191724;
  background-color: #faf4ed;
  font-family: monospace;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  margin: 0;
}

img,
h1,
h2 {
  vertical-align: middle;
}

img {
  border: 0;
}

a {
  color: #286983;
}

a:target {
  background-color: #fffaf3;
}

a.d,
a.h,
a.i,
a.line {
  text-decoration: none;
}

#blob a {
  color: #26233a;
}

#blob a:hover {
  color: #286983;
  text-decoration: none;
}

table thead td {
  font-weight: bold;
}

table td {
  padding: 0 0.4em;
}

#content table td {
  vertical-align: top;
  white-space: nowrap;
}

#branches tr:hover td,
#tags tr:hover td,
#index tr:hover td,
#log tr:hover td,
#files tr:hover td {
  background-color: #f2e9e1;
}

#index tr td:nth-child(2),
#tags tr td:nth-child(3),
#branches tr td:nth-child(3),
#log tr td:nth-child(2) {
  white-space: normal;
}

td.num {
  text-align: right;
}

.desc {
  color: #555;
}

hr {
  border: 0;
  border-top: 1px solid #555;
  height: 1px;
}

pre {
  font-family: monospace;
}

pre a.h {
  color: #286983;
}

.A,
span.i,
pre a.i {
  color: #56949f;
}

.D,
span.d,
pre a.d {
  color: #b4637a;
}

pre a.h:hover,
pre a.i:hover,
pre a.d:hover {
  text-decoration: none;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #191724;
    color: #e0def4;
  }
  hr {
    border-color: #222;
  }
  a {
    color: #9ccfd8;
  }
  a:target {
    background-color: #26233a;
  }
  .desc {
    color: #aaa;
  }
  #blob a {
    color: #555;
  }
  #blob a:target {
    color: #eee;
  }
  #blob a:hover {
    color: #56c8ff;
  }
  pre a.h {
    color: #9ccfd8;
  }
  .A,
  span.i,
  pre a.i {
    color: #3e8fb0;
  }
  .D,
  span.d,
  pre a.d {
    color: #eb6f92;
  }
  #branches tr:hover td,
  #tags tr:hover td,
  #index tr:hover td,
  #log tr:hover td,
  #files tr:hover td {
    background-color: #1f1d2e;
  }
}