[data-md-color-scheme="slate"] {
  --md-default-bg-color: #161616;
  --md-default-bg-color--light: rgba(22, 22, 22, 0.54);
  --md-default-bg-color--lighter: rgba(22, 22, 22, 0.26);
  --md-default-bg-color--lightest: rgba(22, 22, 22, 0.08);
  --md-default-fg-color: #f4f4f4;
  --md-default-fg-color--light: #c6c6c6;
  --md-default-fg-color--lighter: #8d8d8d;
  --md-default-fg-color--lightest: rgba(141, 141, 141, 0.24);
  --md-primary-fg-color: #262626;
  --md-primary-fg-color--light: #393939;
  --md-primary-fg-color--dark: #161616;
  --md-primary-bg-color: #f4f4f4;
  --md-primary-bg-color--light: rgba(244, 244, 244, 0.72);
  --md-accent-fg-color: #0f62fe;
  --md-accent-fg-color--transparent: rgba(15, 98, 254, 0.14);
  --md-typeset-a-color: #78a9ff;
  --md-code-fg-color: #f4f4f4;
  --md-code-bg-color: #262626;
  --md-code-bg-color--light: rgba(38, 38, 38, 0.9);
  --md-code-bg-color--lighter: rgba(38, 38, 38, 0.52);
  --md-typeset-table-color: rgba(198, 198, 198, 0.22);
  --md-typeset-table-color--light: rgba(198, 198, 198, 0.08);
  --md-admonition-bg-color: #262626;
  --md-admonition-fg-color: #f4f4f4;
  --md-footer-bg-color: #262626;
  --md-footer-bg-color--dark: #161616;
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs,
[data-md-color-scheme="slate"] .md-nav--primary .md-nav__title[for="__drawer"] {
  background-color: #262626;
}

[data-md-color-scheme="slate"] .md-search__form {
  background-color: #393939;
  border-radius: 0.2rem;
}

[data-md-color-scheme="slate"] .md-search__form:hover {
  background-color: #525252;
}

[data-md-color-scheme="slate"] .md-search__input {
  border-radius: 0.2rem;
}

[data-md-color-scheme="slate"] .md-nav__link,
[data-md-color-scheme="slate"] .md-nav__title {
  border-radius: 0.2rem;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #a6c8ff;
}

[data-md-color-scheme="slate"] .md-typeset pre > code,
[data-md-color-scheme="slate"] .md-typeset .highlight > pre {
  border: 1px solid #393939;
  border-radius: 0.25rem;
}

[data-md-color-scheme="slate"] .md-typeset .admonition-title {
  background-color: rgba(15, 98, 254, 0.12);
}

[data-md-color-scheme="slate"] .md-typeset .md-button:focus,
[data-md-color-scheme="slate"] .md-nav__link:focus,
[data-md-color-scheme="slate"] .md-search__input:focus {
  outline: 2px solid #0f62fe;
  outline-offset: 2px;
}

[data-md-color-scheme="slate"] .md-typeset .tech-logo {
  width: 24px;
  height: 24px;
  object-fit: contain;
  vertical-align: middle;
}