@import "syntax"; $sansfont: "Helvetica", "Arial", "Liberation Sans", sans-serif; $monofont: "Roboto Mono", "Roboto Mono for Powerline", "Inconsolata", "Consolas", monospace; // colors @media (prefers-color-scheme: light) { $background-color: white; $text-color: #15202B; $small-text-color: lighten($text-color, 10%); $smaller-text-color: lighten($text-color, 18%); $link-color: royalblue; @import "content"; } @media (prefers-color-scheme: dark) { $background-color: #15202B; $text-color: #D4D4D4; $small-text-color: darken($text-color, 10%); $smaller-text-color: darken($text-color, 18%); $link-color: lightskyblue; @import "content"; }