3 ms·
Such a simple idea - but it does make it easier to follow. The only problem I have is that it's very mac-centric. On my system the focus color is orange and it
by Skalman 13y ago
Such a simple idea - but it does make it easier to follow. The only problem I have is that it's very mac-centric. On my system the focus color is orange and it looks a bit off.
I'd suggest to use the highlight color:
box-shadow: 0px 0px 2px 3px highlight, 0px 0px 2px highlight inset
- NVI 13y agoUnfortunately, this will make colors look off on OS X. "highlight" color is different from the focus color on OS X. Hardcoding colors for different OS-s might be more reliable.
- Skalman 13y agoOh, didn't know. You could even force highlight colors, by explicitly setting border or outline colors.
- thomasahle 13y agoAnd different OS themes... And updating the list every time they change...
- rorrr2 13y agoI doubt you can detect an OS theme with Javascript or CSS.
- Skalman 13y agoYou can actually partially detect it with Firefox. https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-system-metric%28windows-default-theme%29 https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-syste... https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-system-metric%28mac-graphite-theme%29 https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-syste...