I investigated Safari's tabs a little bit more and recognized that there are some soft transitions being used to make tabs feel even more elegant, while hovering the tabs with the mouse.
In my approach, tabs have a solid background color, and a white overlay gradient, that appears on :hover. That way, the background color can be animated using CSS transitions.
I didn't have time to fork this repo and request a merge, so if anyone's interested to do so, go ahead :).
EDIT: I also configured all tabs to have the same width.
I investigated Safari's tabs a little bit more and recognized that there are some soft transitions being used to make tabs feel even more elegant, while hovering the tabs with the mouse.
I quickly hacked some CSS overwrites into my
styles.css
file to slightly improve Yosemite Unity UI: https://github.com/raffael/Atom.io-YosemiteIn my approach, tabs have a solid background color, and a white overlay gradient, that appears on :hover. That way, the background color can be animated using CSS transitions.
I didn't have time to fork this repo and request a merge, so if anyone's interested to do so, go ahead :).
EDIT: I also configured all tabs to have the same width.