Do you ever struggle with creating a consistent color palette for your website? If so, I've got a great solution for you: using variables to create shades of colors in CSS! Last week you got a good intruction to variables and saw how to create dynamic grid layouts with CSS variables
That is a great idea. Not tested, but what about extending it to
:root {
--hue: 190;
--saturation: 90%;
--lightness: 40%;
--alpha: 100%;
}
.button {
background-color: hsl(var(--hue) var(--saturation) var(--lightness) / var(--alpha));
}