Dear web designers and developers who write CSS,

Is there anything you wish you could do to style a `<button>` or `<input type=button>` that you cannot easily do today in CSS???

@jensimmons For me it’s mainly the inconsistency across browsers when focussing. And recently I’m mostly working with shadow dom which just adds to the mess.
Styling buttons with system colours could also do with a bit of sprucing up.

@dutchcelt > Styling buttons with system colours

Which part of the button would you like to see colored?

@jensimmons Just the three button values: ButtonText, ButtonFace, and ButtonBorder.
I think ButtonFace is a touch dark and ButtonBorder too similar with canvas. I like the recent improvement with link and visited, so hopefully we can see improvement across all system colors.
For now I have to replace some of them with my own values.

https://projects.dutchcelt.com/system.css/style-api.html

system.css

A classless CSS base stylesheet to write modern websites using only HTML.

@jensimmons Also, I keep meaning to make a list of the system colours of what works and in which browser. Sounds like a little weekend project 😅

@dutchcelt @jensimmons ooh yes let me know if you do this!

I find there are even inconsistencies between the desktop and mobile browsers of the same kind - desktop chrome/edge's system colours really are terrible in dark mode, but mobile they seem fine 🤷

@dutchcelt @jensimmons I dream of a day when I can use system colors reliably and they "just work" in all browsers the way they're supposed to.