Hacker News Reader

nah. what about theming? you cannot do that with inline styles. I think external CSS files for layout is always better than inline. it's very hard to debug and fix UI issues. nowadays you fix stuff on the fly with your browser inspector. you copy the result and paste it in your CSS file. cannot be simpler than that

View on HN

> nah. what about theming? you cannot do that with inline styles.

Nobody is utilizing inline styles in that example. It _looks_ like inline styles but it not. It generates css class name behind the hood which you can override in multiple ways. Starting from the ThemeProvider or just like this:

const Footer = styled.div` ${PrimaryButton} { color: red; } `

I strongly suggest to look at https://styled-system.com/ to better understand the mechanics.

Reply on news.ycombinator.com