@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(40.85, 40.85, 40.85);
    --ng-doc-base-1: rgb(48.45, 48.45, 48.45);
    --ng-doc-base-2: rgb(55.1, 55.1, 55.1);
    --ng-doc-base-3: rgb(62.7, 62.7, 62.7);
    --ng-doc-base-4: rgb(71.25, 71.25, 71.25);
    --ng-doc-base-5: rgb(80.75, 80.75, 80.75);
    --ng-doc-base-6: rgb(89.3, 89.3, 89.3);
    --ng-doc-base-7: rgb(98.8, 98.8, 98.8);
    --ng-doc-base-8: rgb(108.3, 108.3, 108.3);
    --ng-doc-base-9: rgb(118.75, 118.75, 118.75);
    --ng-doc-base-10: rgb(129.2, 129.2, 129.2);
    --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(40.85, 40.85, 40.85);
  --ng-doc-base-1: rgb(48.45, 48.45, 48.45);
  --ng-doc-base-2: rgb(55.1, 55.1, 55.1);
  --ng-doc-base-3: rgb(62.7, 62.7, 62.7);
  --ng-doc-base-4: rgb(71.25, 71.25, 71.25);
  --ng-doc-base-5: rgb(80.75, 80.75, 80.75);
  --ng-doc-base-6: rgb(89.3, 89.3, 89.3);
  --ng-doc-base-7: rgb(98.8, 98.8, 98.8);
  --ng-doc-base-8: rgb(108.3, 108.3, 108.3);
  --ng-doc-base-9: rgb(118.75, 118.75, 118.75);
  --ng-doc-base-10: rgb(129.2, 129.2, 129.2);
  --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;
}