:root{
  --body-color:#E4E9F7;
  --dbsidebar-color:#FFF;
  --primary-color:#008343;
  --primary-color-light:#F6F5FF;
  --subnav-color:#f7f6fb;
  --toggle-color:#DDD;
  --text-color:#111;
  --generic-red:#eb6464;
  --generic-green:#40c00d;
  --ease3s:all 0.3s ease;
  --ease4s:all 0.4s ease;
  --ease5s:all 0.5s ease;
  --transition1:all .5s cubic-bezier(.2,1,.3,1);
  --translatexshow:translateX(0%) !important;
  --translatexhideleft:translateX(-100%) !important;
  --translatexhideright:translateX(100%) !important;
  --delay1s:.1s;
  --delay2s:.2s;
  --delay3s:.3s;
  --delay4s:.4s;
}
html.dark, body.dark{
  --body-color:#18191a;
}
body.dark{
  --body-color:#18191a;
  --dbsidebar-color:#242526;
  --primary-color:#3a3b3c;
  --primary-color-light:#3a3b3c;
  --primary-color-text-color:#3a3b3c;
  --primary-color-light-text-color:#3a3b3c;
  --subnav-color:#3a3b3c;
  --toggle-color:#fff;
  --text-color:#ccc;
}