:root[data-theme="dark"] {
  --background-color: #3b3b3b;
  --color: #eee;

  --nav-background-color: #2e2e2e;
  --nav-border-color: #555;

  --select-background-color: #4b4b4b;

  --search-background-color: #d5d5d5;
  --search-border-color: #aaa;

  --c-path-color: #dcdcdc;
  --c-module-color: #d2991d;
  --c-const-color: #d2991d;
  --c-override-color: #d2991d;
  --c-var-color: #d2991d;
  --c-struct-color: #2dbfb8;
  --c-fn-color: #2bab09;
  --c-type-color: #2dbfb8;
  --c-feature-color: #09bd00;

  --conditional-background-color: #314559;
  --conditional-color: #dddddd;

  --code-block-background-color: #2b2b2b;
  --line-number-color: #3b91e2;
  --line-number-highlighted-background-color: #0a042f;

  --item-list-title-border-color: #999;
  --search-list-border-color: #666;

  --scrollbar-track-background-color: #353535;
  --scrollbar-thumb-background-color: #555;
  --scrollbar-thumb-hover-background-color: #666;
}

:root[data-theme="light"] {
  --background-color: #fff;
  --color: #000;

  --nav-background-color: #f2f2f2;
  --nav-border-color: #aaa;

  --select-background-color: #f5f5f5;

  --search-background-color: #f5f5f5;
  --search-border-color: #bbb;

  --c-path-color: #2f2f2f;
  --c-module-color: #3873ad;
  --c-const-color: #3873ad;
  --c-override-color: #3873ad;
  --c-var-color: #3873ad;
  --c-struct-color: #ad378a;
  --c-fn-color: #ad7c37;
  --c-type-color: #ad378a;
  --c-feature-color: #068000;

  --conditional-background-color: #fff5d6;
  --conditional-color: #000;

  --code-block-background-color: #f5f5f5;
  --line-number-color: #c67e2d;
  --line-number-highlighted-background-color: #fdffd3;

  --item-list-title-border-color: #666;
  --search-list-border-color: #b8b8b8;

  --scrollbar-track-background-color: #bbb;
  --scrollbar-thumb-background-color: #888;
  --scrollbar-thumb-hover-background-color: #777;
}

:root[data-theme="dark"] .is-light-theme {
  display: none;
}

:root[data-theme="light"] .is-dark-theme {
  display: none;
}