@ng-doc/app/styles/themes/dark.css

<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://github.com/ng-doc/ng-doc"> <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px"> </a>

@media (prefers-color-scheme: dark) {
  :root[data-theme=auto] {
    --ng-doc-base-rgb: 43 43 43;
    --ng-doc-base-0: rgb(30.25, 30.25, 30.25);
    --ng-doc-base-1: rgb(38.25, 38.25, 38.25);
    --ng-doc-base-2: rgb(45.25, 45.25, 45.25);
    --ng-doc-base-3: rgb(53.25, 53.25, 53.25);
    --ng-doc-base-4: rgb(62.25, 62.25, 62.25);
    --ng-doc-base-5: rgb(72.25, 72.25, 72.25);
    --ng-doc-base-6: rgb(81.25, 81.25, 81.25);
    --ng-doc-base-7: rgb(91.25, 91.25, 91.25);
    --ng-doc-base-8: rgb(101.25, 101.25, 101.25);
    --ng-doc-base-9: rgb(112.25, 112.25, 112.25);
    --ng-doc-base-10: rgb(123.25, 123.25, 123.25);
    --ng-doc-heading-color: #e3e3e3;
    --ng-doc-text: #a9a9a9;
    --ng-doc-text-muted: var(--ng-doc-base-10);
    --ng-doc-text-selection: rgba(110, 110, 110, 0.81);
    --ng-doc-shadow-color: rgba(0, 0, 0, 0.4);
    --ng-doc-link-color: #30a5ff;
    --ng-doc-inline-code-background: #b9b9b9;
    --ng-doc-primary: #faab00;
    --ng-doc-info: #7095ff;
    --ng-doc-mark-background: rgba(48, 165, 255, 0.3);
    --ng-doc-search-result-color: #c6c6c6;
    --ng-doc-api-tag-background: #ff5959;
    --ng-doc-api-tag-color: var(--ng-doc-base-0);
    --ng-doc-guide-tag-background: #faab00;
    --ng-doc-guide-tag-color: var(--ng-doc-base-0);
    --ng-doc-navbar-border: 1px solid var(--ng-doc-base-4);
  }
  :root[data-theme=auto] .shiki,
  :root[data-theme=auto] .shiki span {
    color: var(--shiki-dark) !important;
  }
}

:root[data-theme=dark] {
  --ng-doc-base-rgb: 43 43 43;
  --ng-doc-base-0: rgb(30.25, 30.25, 30.25);
  --ng-doc-base-1: rgb(38.25, 38.25, 38.25);
  --ng-doc-base-2: rgb(45.25, 45.25, 45.25);
  --ng-doc-base-3: rgb(53.25, 53.25, 53.25);
  --ng-doc-base-4: rgb(62.25, 62.25, 62.25);
  --ng-doc-base-5: rgb(72.25, 72.25, 72.25);
  --ng-doc-base-6: rgb(81.25, 81.25, 81.25);
  --ng-doc-base-7: rgb(91.25, 91.25, 91.25);
  --ng-doc-base-8: rgb(101.25, 101.25, 101.25);
  --ng-doc-base-9: rgb(112.25, 112.25, 112.25);
  --ng-doc-base-10: rgb(123.25, 123.25, 123.25);
  --ng-doc-heading-color: #e3e3e3;
  --ng-doc-text: #a9a9a9;
  --ng-doc-text-muted: var(--ng-doc-base-10);
  --ng-doc-text-selection: rgba(110, 110, 110, 0.81);
  --ng-doc-shadow-color: rgba(0, 0, 0, 0.4);
  --ng-doc-link-color: #30a5ff;
  --ng-doc-inline-code-background: #b9b9b9;
  --ng-doc-primary: #faab00;
  --ng-doc-info: #7095ff;
  --ng-doc-mark-background: rgba(48, 165, 255, 0.3);
  --ng-doc-search-result-color: #c6c6c6;
  --ng-doc-api-tag-background: #ff5959;
  --ng-doc-api-tag-color: var(--ng-doc-base-0);
  --ng-doc-guide-tag-background: #faab00;
  --ng-doc-guide-tag-color: var(--ng-doc-base-0);
  --ng-doc-navbar-border: 1px solid var(--ng-doc-base-4);
}
:root[data-theme=dark] .shiki,
:root[data-theme=dark] .shiki span {
  color: var(--shiki-dark) !important;
}