body.dark {
  --main-color: #c8c8c8;
  --main-theme-color: #008080;
  --background-color: #1f1f1f;
  --background-border-color: #303030;
  --section-main-color: #0f0f0f;
  --section-background-color: #003333;
  --section-table-header-border-color: #303030;
  --section-blockquote-background-color: #003a3a;
  --section-blockquote-color: #d4d4d4;
  --section-tip-background-color: #161616;
  --section-tip-color: #3f3f3fcc;
  --section-p-warn-background-color: #ea6f5a1a;
  --sidebar-background-color: #3f3f3fcc;
  --notice-background-color: #3f3f3fcc;
  --notice-border-color: #303030;
  --notice-hover-background-color: #525252cc;
  -webkit-tap-highlight-color: rgb(0, 0, 0);

  --special-theme-position-backgound-color: #177500;
}

body.dark .sidebar li>a:has(>img) {
  background-image: url(../indexicon/syringe_dark.png);
}