Skip to content

Revamp color system

Georgia Stuart requested 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