Deciding on a theme
We've covered all of the parts of this application apart from one: the way it looks. Cast your mind back to the screenshot of the app in action earlier in the chapter. In fact, have a look at the login screen to see how it differs from a standard Ext JS app:
We've changed key things such as the font and color of the window frame, but take a look at the code to perform this:
// sass/etc/all.scss $body-font-family: 'Roboto', sans-serif; $window-base-color: #fff; $window-header-color: #000; $window-padding: 20px; $window-header-font-family: $body-font-family; $toolbar-footer-background-color: #fff; $form-label-font-family: $body-font-family; ...
Get Ext JS Application Development Blueprints now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
