html, body {
  background-color: #0c0c0c;
  color: #e3e3e3;
}

kbd {
  border-color: #444444;
}

.app-nav li ul {
  background-color: #0c0c0c;
  border: #333333;
  border-bottom-color: #444444;
}

.search {
  border-bottom-color: rgba(255, 255, 255, 0.07) !important;
}

.search input {
  color: #e3e3e3;
}

.docsify-pagination-container {
  border-top-color: rgba(255, 255, 255, 0.07) !important;
}

input {
  background-color: #0c0c0c;
}

.sidebar {
  background-color: #0c0c0c;
  color: #ffffff;
  border-right-color: rgba(255, 255, 255, 0.07);
}

.sidebar-toggle {
  background-color: rgba(12, 12, 12, 0.8);
}

.sidebar ul li a {
  color: rgba(255, 255, 255, 0.8);
}

.markdown-section hr {
  border-bottom-color: #222222;
}

.markdown-section iframe {
  border-color: #222222;
}

.github-corner svg {
  color: #0c0c0c;
}

.markdown-section th {
  border-color: #333333;
  background-color: #1e1e1e;
}

.markdown-section td {
  border-color: #333333;
}

.markdown-section tr {
  border-top-color: #444;
}

.markdown-section tr:nth-child(2n) {
  background-color: #1e1e1e;
}

.markdown-section p.tip {
  background-color: #1e1e1e;
}

.markdown-section p.tip:before {
  color: #0c0c0c;
}

.markdown-section p.tip code {
  background-color: #222222;
}

.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4,
.anchor span {
  color: #ffffff;
}

.markdown-section strong {
  color: #c5e2ff;
}

.markdown-section :not(pre) > code {
  color: #e3e3e3;
  background-color: #292929;
  border-color: #404040;
}

.markdown-section blockquote {
  background: #1e1e1e;
}

@media screen and (max-width: 768px) {
  .sidebar-toggle {
    background-color: transparent;
  }
  body.close .sidebar-toggle {
    background-color: rgba(12, 12, 12, 0.8);
  }
}

section.cover.has-mask .mask {
  background-color: #0c0c0c;
}

section.cover .cover-main > p:last-child a:last-child {
  color: #0c0c0c;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #7C7C7C;
}

.token.punctuation {
  color: #c5c8c6;
}

.namespace {
  opacity: .7;
}

.token.property,
.token.keyword,
.token.tag {
  color: #96CBFE;
}

.token.class-name {
  color: #FFFFB6;
  text-decoration: underline;
}

.token.boolean,
.token.constant {
  color: #99CC99;
}

.token.symbol,
.token.deleted {
  color: #f92672;
}

.token.number {
  color: #FF73FD;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #A8FF60;
}

.token.variable {
  color: #C6C5FE;
}

.token.operator {
  color: #EDEDED;
}

.token.entity {
  color: #FFFFB6;
  cursor: help;
}

.token.url {
  color: #96CBFE;
}

.language-css .token.string,
.style .token.string {
  color: #87C38A;
}

.token.atrule,
.token.attr-value {
  color: #F9EE98;
}

.token.function {
  color: #DAD085;
}

.token.regex {
  color: #E9C062;
}

.token.important {
  color: #fd971f;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.markdown-section pre {
  background-color: #1d1f21;
}

.markdown-section pre > code {
  background-color: #1d1f21;
  color: #e3e3e3;
}

.bordered_img {
  border: solid 1px #333;
}