Why write a Hugo theme from scratch? What can we do here that hasn’t been done a couple hundred times before? By tinkering with the technology our websites are built upon, and documenting what we learn, we hope to initiate conversations about how technology can support climate justice, and perhaps advance the state of the art in sustainable web design. In this post we explain the relevance of progressive enhancement, detail exactly what it is, and then demonstrate how we use it in this Hugo theme.
Here is the CSS that powers this theme’s dark mode. First, we define some colors as CSS variables: