Sencha Themer is a visual tool for creating themes for Ext JS apps without code. It allows live updates to themes and supports common components. Sencha held a theming contest with a $2500 top prize, and the document highlights the winning themes designed by Dean Ranft, Nils Dehl, and Mike Giddens. The next release of Themer will add support for theming Ext JS 6.5 and Ext React apps.

1. © 2016 Sencha Inc
Create Winning Themes for your Ext JS
Apps
Sandeep Adwankar, Mike Giddens

2. © 2016 Sencha Inc
Sencha Themer
• Design themes in an interactive visual
environment - no code
• Quick configurations for global theme
variables
• Support for component UIs
• View live style update to your Ext JS app –
No compile, build, reload
• Package your theme, apply to your app
and share with ease
2

3. © 2016 Sencha Inc
Sencha Themer 1.1
• Support for UIs for components such
as grid, list, tabpanel, title bar, form
components (text, datepicker), and
more
• Connect your app to Themer and
Inspect app
• Modify component styles and UI in
Inspect mode
3

4. © 2016 Sencha Inc
Theming Contest – Top Prize $2500
• Contest app
https://github.com/sencha/themer-contest-
app
4
Theming Contest App

5. © 2016 Sencha Inc
Contest App – Desktop View
5

6. © 2016 Sencha Inc
Contest App – Mobile View
6

7. © 2016 Sencha Inc
Dean Ranft - Third Place Winner
7

8. © 2016 Sencha Inc
Dean Ranft - Third Place Winner
8

9. © 2016 Sencha Inc
Nils Dehl - Second Place Winner
9

10. © 2016 Sencha Inc
Nils Dehl - Second Place Winner
10

11. © 2016 Sencha Inc
Mike Giddens Winner of the Sencha Theming Contest
11

12. © 2016 Sencha Inc
Mike Giddens Winner of the Sencha Theming Contest
12

13. © 2016 Sencha Inc
Next Release - Themer 1.2
• Theme Ext JS 6.5
13
• Theme Ext React Apps

14. © 2016 Sencha Inc
Q & A
14