vogievetsky opened a new pull request #10515:
URL: https://github.com/apache/druid/pull/10515


   This is a style pass and color overhaul for the console. It was about time 
that a professional designer took a look at the console. The aim of this work 
was to make the console style tie in better with the Druid brand colors and to 
tighten up all the miscellaneous paddings and margins all over the place.
   
   The true heavy lifting of this styling was was done by @asherbitter and all 
credit goes to him. I just helped with things like updating package versions 
and importing the new font.
   
   ![localhost_18081_unified-console html(Doc screenshot) 
(9)](https://user-images.githubusercontent.com/177816/96206449-c3e58800-0f1d-11eb-977a-8fbdbe4dce77.png)
   
   - Notice the new background color hue (derivative from the Druid logo 
background)
   - The home view icons are now Druid brand colored
   - The logo in the top left corner was tightened up
   
   ![localhost_18081_unified-console html(Doc screenshot) 
(10)](https://user-images.githubusercontent.com/177816/96206456-c7790f00-0f1d-11eb-9c01-21aa34e4fa1b.png)
   
   - The data source tiles now fill up the entire space and are responsive
   
   ![localhost_18081_unified-console html(Doc screenshot) 
(12)](https://user-images.githubusercontent.com/177816/96206466-c9db6900-0f1d-11eb-9551-9f4dd727541d.png)
   
   - Look at how the panels are much better defined
   - The padding in this view was tightened up
   - The font in the console has been changed from `apple system default` to 
Open Sans an open source (Apache-2.0) font which has monospaced numbers 
allowing us to align the numeric columns really nicely
   - Notice the flat buttons - the gradients have been removed as is the more 
modern style
   
   ![localhost_18081_unified-console html(Doc screenshot) 
(13)](https://user-images.githubusercontent.com/177816/96206474-cd6ef000-0f1d-11eb-9fa0-cf6f2b080f91.png)
   
   - One of the table views
   
   #### Original colors for reference:
   
   ![localhost_18081_unified-console html(Doc screenshot) 
(4)](https://user-images.githubusercontent.com/177816/96206506-e5df0a80-0f1d-11eb-82cc-beaa63b44646.png)
   
   
   


----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
[email protected]



---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to