The biggest notable differences with the previous version are the black top bar (which more vendors seem to implement nowadays), the left column menu and redesigned sections. OneUI v2.1 also features a couple of new colors (see the demo page for all available options). Since OneUI v2.1 uses gradients in the top bars (using the -moz-linear-gradient CSS directive) the theme looks better in Firefox than in Internet Explorer 9.
To use OneUI v2.1 in your application you need to create a theme that extends oneuiv2.1. Doing so will take care of including the required basic stylesheets. A specific color can be loaded by adding two additional stylesheet per color: <color>Theme.css and dojoTheme.css, both from the domino/oneuiv2.1/<color>Theme/ folder. So if you want to use the orange stylesheet, you need to add this to your theme definition:
<resource> <content-type>text/css</content-type> <href>/.ibmxspres/domino/oneuiv2.1/orangeTheme/orangeTheme.css</href> </resource> <resource> <content-type>text/css</content-type> <href>/.ibmxspres/domino/oneuiv2.1/orangeTheme/dojoTheme.css</href> </resource>
Note that the demo also includes a Dojo tree using the (new in Dojo 1.5) Claro theme.
Thanks to the people over at ClearIT Consulting for hosting my demo page!
For all those interested: here’s the demo database.