body.dark-theme {
  background: #222;
  color: #ccc;
}
.dark-theme {
  /*!
      Theme: GitHub Dark
      Description: Dark theme as seen on github.com
      Author: github.com
      Maintainer: @Hirse
      Updated: 2021-05-15

      Outdated base version: https://github.com/primer/github-syntax-dark
      Current colors taken from GitHub's CSS
    */
}
.dark-theme #header,
.dark-theme #mobile-bar {
  background: #000;
}
.dark-theme #header ul li a,
.dark-theme #mobile-bar ul li a {
  color: #fff;
}
.dark-theme #header ul li a:hover,
.dark-theme #mobile-bar ul li a:hover {
  color: #007bff;
}
.dark-theme.index #header.floating {
  background-color: #000;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
}
.dark-theme.index #header.floating ul li a {
  color: #fff;
}
.dark-theme ul.main-menu li a {
  color: #fff;
}
.dark-theme #addons {
  background: #222;
}
.dark-theme #addons .addon-item {
  background: #454545;
}
.dark-theme #addons .addon-item h4 a {
  color: #b9b9b9;
}
.dark-theme .search-query {
  background-color: #b9b9b9;
  border-color: #b9b9b9;
}
.dark-theme .sidebar .search-input {
  border-color: #454545;
  background-color: #454545;
  color: #bbb;
}
.dark-theme .sidebar .menu-root li > em {
  background-image: url("../images/caret-black.png");
}
.dark-theme code,
.dark-theme pre {
  background-color: #454545;
  color: #d4d4d4;
}
.dark-theme code.hljs {
  background-color: #454545;
}
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme strong {
  color: #b9b9b9;
}
.dark-theme pre code {
  color: #d4d4d4;
}
.dark-theme .content blockquote {
  background-color: #454545;
  border-left-color: #797979;
}
.dark-theme .content h2 {
  border-bottom-color: #585858;
}
.dark-theme .content > table thead tr,
.dark-theme .content > table tr {
  background-color: #454545;
}
.dark-theme .content > table > thead > tr > th {
  border-bottom-color: #5f5f5f;
}
.dark-theme .content > table td,
.dark-theme .content > table th {
  border-color: #5f5f5f;
}
.dark-theme .content > table tr:nth-child(2n) {
  background-color: #525252;
}
.dark-theme .sidebar .sidebar-link {
  color: #bbb;
}
.dark-theme .sidebar::-webkit-scrollbar,
.dark-theme .toc::-webkit-scrollbar {
  width: 5px;
  border-right-color: #222;
}
.dark-theme .sidebar::-webkit-scrollbar-thumb,
.dark-theme .toc::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 5px;
}
.dark-theme .sidebar:hover::-webkit-scrollbar-thumb,
.dark-theme .toc:hover::-webkit-scrollbar-thumb {
  background: #797979;
}
.dark-theme .sidebar:hover::-webkit-scrollbar-track,
.dark-theme .toc:hover::-webkit-scrollbar-track {
  background: #444444;
}
.dark-theme .floatbar-btn {
  border: 1px solid #454545;
  background: #454545;
}
.dark-theme .footer {
  border-color: #454545;
}
.dark-theme .toc {
  border: 1px solid #454545;
  background: #505050;
  color: #ccc;
}
.dark-theme .toc ol li {
  color: #ccc;
}
.dark-theme .toc ol li a {
  color: #ccc;
}
.dark-theme .toc ol li a.current {
  color: #007bff;
}
.dark-theme pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
.dark-theme code.hljs {
  padding: 3px 5px;
}
.dark-theme .hljs {
  color: #c9d1d9;
  background: #0d1117;
}
.dark-theme .hljs-doctag,
.dark-theme .hljs-keyword,
.dark-theme .hljs-meta .hljs-keyword,
.dark-theme .hljs-template-tag,
.dark-theme .hljs-template-variable,
.dark-theme .hljs-type,
.dark-theme .hljs-variable.language_ {
  color: #ff7b72;
}
.dark-theme .hljs-title,
.dark-theme .hljs-title.class_,
.dark-theme .hljs-title.class_.inherited__,
.dark-theme .hljs-title.function_ {
  color: #d2a8ff;
}
.dark-theme .hljs-attr,
.dark-theme .hljs-attribute,
.dark-theme .hljs-literal,
.dark-theme .hljs-meta,
.dark-theme .hljs-number,
.dark-theme .hljs-operator,
.dark-theme .hljs-selector-attr,
.dark-theme .hljs-selector-class,
.dark-theme .hljs-selector-id,
.dark-theme .hljs-variable {
  color: #79c0ff;
}
.dark-theme .hljs-meta .hljs-string,
.dark-theme .hljs-regexp,
.dark-theme .hljs-string {
  color: #a5d6ff;
}
.dark-theme .hljs-built_in,
.dark-theme .hljs-symbol {
  color: #ffa657;
}
.dark-theme .hljs-code,
.dark-theme .hljs-comment,
.dark-theme .hljs-formula {
  color: #8b949e;
}
.dark-theme .hljs-name,
.dark-theme .hljs-quote,
.dark-theme .hljs-selector-pseudo,
.dark-theme .hljs-selector-tag {
  color: #7ee787;
}
.dark-theme .hljs-subst {
  color: #c9d1d9;
}
.dark-theme .hljs-section {
  color: #1f6feb;
  font-weight: 700;
}
.dark-theme .hljs-bullet {
  color: #f2cc60;
}
.dark-theme .hljs-emphasis {
  color: #c9d1d9;
  font-style: italic;
}
.dark-theme .hljs-strong {
  color: #c9d1d9;
  font-weight: 700;
}
.dark-theme .hljs-addition {
  color: #aff5b4;
  background-color: #033a16;
}
.dark-theme .hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c;
}
@media screen and (max-width: 900px) {
  .dark-theme .sidebar {
    background-color: #0d1117;
  }
}