body.light {
  --main-color: #202020;
  --main-theme-color: #008585;
  --background-color: #dddddd;
  --background-border-color: #b1b1b1;
  --section-main-color: #00c9c9;
  --section-background-color: #009999;
  --section-table-header-border-color: #b1b1b1;
  --section-blockquote-background-color: #c6ffff;
  --section-blockquote-color: #414141;
  --section-tip-background-color: #cccccc;
  --section-tip-color: #bfbfbfcc;
  --section-p-warn-background-color: #ea6f5a1a;
  --sidebar-background-color: #bfbfbfcc;
  --notice-background-color: #f0f0f0;
  --notice-border-color: #b1b1b1;
  --notice-hover-background-color: #e0e0e0;
  -webkit-tap-highlight-color: rgb(255, 255, 255);
  
  --special-theme-position-backgound-color: #05a000;
}

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