When applying a new look and feel for ZK components, developers need to go through various steps from designing new style component images, cropping those images following ZK theme rule to preparing several CSS files in order to create and apply a new theme. ZK Online Themer is an online ZK theme generator that helps you to do all that and generate different themes and colours for your ZK application in just a few clicks!
How to use
- Pick a base colour
You can see how the colour would really look like on ZK components in the “Quick Preview” tab.
- Adjust colour balance
ZK Themer is designed to base on the breeze theme to generate new sets of background images and CSS files, however, there are a lot of grey images that cannot be changed with basic colour because the saturation value of these grey images is zero so you’ll have to change the colour of these images by adjusting the colour balance like you would do in Photoshop.
- Click Apply Theme
You can then see ZK components in “Final Result” tab being applied the new colour and theme of your choice.
Once you have played around and found yourself a theme you like, you can download the theme as a jar library like ZK Themes to use and apply it to your application.
Before you download, you need to set the following values:
- Provide a theme name.
- Provide a display name.
- Download it.
ZK Online Themer is available at: http://experimental.zkoss.org/zkthemer/