Revamp color system

Georgia Stuartrequested to merge
colorswap into main

Color changes

This update overhauls the color system by defining the following variables used across the theme:

params:
  colors:
    light:
      main: '#085f1f'
      maindim: '#427b4f' 
      accent: '#067522'
      inlinecode: 
        color: '#cb6015'
        bg: '#c0ebf6'
    dark:
      main: '#78b086'
      maindim: '#539363'
      accent: '#cae2d0'
      inlinecode: 
        color: '#e9c1a2'
        bg: '#002b36'

You can override colors in hugo.yaml in the project directory by adding the above variables. These colors are then made available in Tailwind for use with various color classes as

  • main, main-dark
  • dim, dim-dark
  • accent, accent-dark
  • inlinecode, inlinecode-dark
  • inlinecodebg, inlinecodebg-dark

Content width change

Swapped out all in-line content width settings with .content-width and set to lg:max-w-5xl to make things a bit wider.

Signed-off-by: Georgia Stuart gstuart@umass.edu

Merge request reports