.theme-night-common {
   &, .loading, html:-webkit-full-screen {
      background : #222;
      color : #d7cbc1;
   }

   a, a:hover {
      color : #00bdaa;
   }

   .modal {
      color : #333;
   }

   .footer .spacer .toc-bar-entry.current-position {
      background : darkred;
   }

   img {
      filter: invert(1) contrast(0.73);
      transition : filter linear 0.1s;
   }

   img:hover {
      filter : none;
   }

   .modal-dialog {
      .modal-content {
         background : #222;
         color : #ccc;

         button.close {
            color : #fff;
         }
      }

      .modal-header, .modal-footer, hr {
         border-color : #444;
      }
   }
}

body.theme-default {
   @media (prefers-color-scheme: dark) {
      .theme-night-common;
   }
}

body.theme-gray {
   &, .loading, html:-webkit-full-screen {
      background : #eeeeee;
      color : #424242;
   }

   .header,
   .footer {
      color : #B85C57;
   }

   .footer .spacer .toc-bar-entry.current-position {
      background : #B85C57;
   }
}

body.theme-light {
   .no-op { color : white; }
}

body.theme-mocca {
   &, .loading, html:-webkit-full-screen {
      background : #3B3228;
      color : #D0C8C6;
   }

   a {
      color : #8AB3B5;
   }

   a:hover {
      color : #7BBDA4;
   }

   .header,
   .footer {
      color : #F4BC87;
   }

   .footer .location {
      color : #BEB55B;
   }

   .header button.btn {
      background : #BB9584;
      color : #534636;
      text-shadow : #534636 0px 0px;
      border-color : #534636;
   }

   .footer .spacer .toc-bar-entry.current-position {
      background : #F4BC87;
   }
}

body.theme-night {
   .theme-night-common;
}

body.theme-plan9 {
   &, .loading, html:-webkit-full-screen {
      background : #FFFFE8;
      color : #424242;
   }

   a {
      color : #22b9b2;
   }

   a:hover {
      color : #28d7cf;
   }

   .header,
   .footer {
      color : #B85C57;
   }

   .footer .spacer .toc-bar-entry.current-position {
      background : #B85C57;
   }
}

body.theme-sepia {
   &, .loading, html:-webkit-full-screen {
      background : #FAEFDB;
      color : #4a422b;
   }

   .header,
   .footer {
      color : #B85C57;
   }

   .footer .spacer .toc-bar-entry.current-position {
      background : #B85C57;
   }
}