Cascading Color Palette

initial Light/Dark Based on User-OS

Each theme comes with different levels of customization. Since "triad" and "adjacent" themes could go either way around the color wheel, we use one direction for the light mode, and the other for dark mode. Sass is only used to simplify the range-selector prefixes, and JS is only used to set custom properties. This is what a link looks like.

data-colors='invert'

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, maiores itaque! Culpa natus officiis eos, delectus libero impedit autem quae expedita tempora ipsa excepturi numquam fugit facilis amet quibusdam laudantium.