---
---

@import "colors";

// this mode is like colors-auto but if the device does not support 
// @media prefers-color-scheme it will default to dark mode
:root {
    @include colors;
    @include dark-colors;
    @include code-highlights;
    @include highlights-dark;
  }

@media screen and (prefers-color-scheme: dark) {
  :root{
    @include dark-colors;
    @include highlights-dark;
  }
}

@media print, (prefers-color-scheme: light) {
  // we would not like to apply dark mode if content is on printer
  // as that would use a lot of ink
  :root {
    @include light-colors;
    @include highlights-light
  }
}