Toolbar will have a gray background to separate chrome from content but still be unified with the site's aesthetic.
On hover and selected states tools will have a clear indication that they are selected. They will be connected to the dropdown menu to show a clear relationship.
- toolbar background #F6F6F6
- border on top and bottom #DDD (top border will replace blue line)
- lines within toolbar #DDD - after undo/redo, after headings, and before help
- remove box around headings
- Icons at 65% black according to T86047
Tools and dropdowns
- On hover and select, tool gets a white background with #CCC border
- Dropdown anchored to bottom of toolbar
- Dropdown white background with #CCC border
- Dropdown item on hover background #DDD
- Dropdown item selected background #999
- Dropdown item selected text and icon #FFF
- remove margin above first item in dropdown
*Other changes in mockups such as tool position and labels are just experimenting!