Hi
We're still working on styling the top navigation and also the bar with data output, explain, messages, and history, but here's what it looks like now with the current navigation styling. Because styles for the results table isn't impacting other modules or dialogs (exception being 'view data' options), we can come to a conclusion about styling for the table first, and take the results table into consideration when it comes to styling other parts of the editor.
I think that the table styling patch can be merged independently from top navigation styles (this way we're not held up by design and we can release and gather feedback on the results table). Here's what it would look like with the current navigation in pgAdmin4.
open query tool and see results
select columns and rows
Right click on tables in browser > view all data
Right click on tables in browser > view all data, select columns and rows
Oh good point. It seems like there are a few datatypes that require brackets. I think having font size for datatypes be slightly smaller than field name also works in establishing some visual hierarchy within the text.
Just a note about the screens with highlighting - the selection implies that using the shift (or command or control) key to select a group of cells will work. This keyboard shortcut does not exist now, but is future work. The screens are done that way to show what highlighted columns and rows would look like.