html.dark {
  // brand colors
  --c-brand: #4569d4;
  --c-brand-light: #6e8ee0;
  --c-siderbar-active:linear-gradient(270deg,#3d3d3e,hsla(0,0%,100%,.06));
  --c-siderbar-bg:hsla(0,0%,100%,.08);

  --c-navbar-shadow:0 2px 8px 0 rgb(0 0 0 / 65%);
  // background colors
  --c-bg: #141414;
  --c-bg-light: #2b313a;
  --c-bg-lighter: #262c34;

  // text colors
  --c-text: hsla(0,0%,100%,.85);
  --c-text-light: hsla(0,0%,100%,.65);
  --c-text-lighter: #8b9eb0;
  --c-text-lightest: #8094a8;
  --c-anchor-border:#303030;

  // border colors
  --c-border: #6b6c6d;
  --c-border-dark: #34404c;

  // custom container colors
  --c-tip: #318a62;
  --c-warning: #ceab00;
  --c-warning-bg: #7e755b;
  --c-warning-title: #ceac03;
  --c-warning-text: #362e00;
  --c-danger: #940000;
  --c-danger-bg: #806161;
  --c-danger-title: #610000;
  --c-danger-text: #3a0000;
  --c-details-bg: #323843;

  // code blocks vars
  --code-bg-color: #262626;
  --code-hl-bg-color: #141414;
  --code-pre-color: #ccc;
  --code-punctuation-color: hsla(0,0%,100%,.85);
  --code-symbol-color: hsla(0,0%,100%,.85);
  --code-comment-color:#708090;
  --code-builtin-color:#66d9ef;
  --code-string-color:#a6e22e;
  --code-number-color: #f9fafb;
  --code-attr-name-color:#6abe39;
}

// plugin-docsearch
html.dark .DocSearch {
  --docsearch-logo-color: var(--c-text);
  --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
  --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d,
    0 2px 2px 0 rgba(3, 4, 9, 0.3);
  --docsearch-key-gradient: linear-gradient(-225deg, #444950, #1c1e21);
  --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5),
    0 -4px 8px 0 rgba(0, 0, 0, 0.2);
}