Here's what I'm thinking for theming: I removed the reliance on Emotion's Theme and the theme object and instead exported multiple theming constants that can be imported and referenced where needed. I don't think we really need theme capabilities for most sites, and removing it saves us having to pass props around and lets us access variables the same way between styled and css. For places where we might want to swap out values based on some context, I set up some CSS variables. I pulled the starting values and color palette from Gesso but didn't bring over all of Gesso's variables by usage -- just a few commonly-used ones to get us started.
Here's what I'm thinking for theming: I removed the reliance on Emotion's Theme and the theme object and instead exported multiple theming constants that can be imported and referenced where needed. I don't think we really need theme capabilities for most sites, and removing it saves us having to pass
props
around and lets us access variables the same way betweenstyled
andcss
. For places where we might want to swap out values based on some context, I set up some CSS variables. I pulled the starting values and color palette from Gesso but didn't bring over all of Gesso's variables by usage -- just a few commonly-used ones to get us started.