body {
  --background-color: #111111;
  --foreground-color: #eeeeee;

  /* This insures the dialog matches the background-color above: */
  --dialog-background-color: #111111;
  --dialog-shadow-color: #333333;

  --text-foreground-color: #eeeeee;
  --text-foreground-color-dim: #999999;
  --text-foreground-color-dark: #cccccc;
  --text-foreground-color-verydark: #ffffff;

  --input-background-color: #333333;
  --input-foreground-color: #ffffff;

  --input-background-color-focused: #202020;
  --input-foreground-color-focused: #ffffff;

  --secondary-color2: #999999;
  --secondary-color4: #202020;
/*  --selected-color: #666666; */
  --even-color: #33333380;

  --shaded-background-color: #666666;

  background-color: var(--background-color);
  color: var(--foreground-color);

}


input[type=checkbox]:checked ~ span:first-of-type:not(.slider) {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23ffffff" viewBox="0 0 32 32"><path d="M14 18L26 6l4 4-16 16L4 16l4-4z"/></svg>') !important;
}

input[type=radio]:checked ~ span:first-of-type {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23ffffff" viewBox="0 0 32 32"><circle cx="13" cy="13" r="8"/></svg>') !important;
}