This may not work for everyone but I have been trying to reformat the login screen to update some text and add a new logo, there were many false paths with js files which looked like they were doing 1 thing but appear to be doing nothing at all.
Before making any changes I would recommend backing up any files before making changes.
These steps are provided as is and there are no guarantees so please don't be blaming me - we have these implemented in a Sandbox server and are testing to ensure there are no knock-on effects further down the line but the cosmetic side of the changes have been successful, but I would certainly agree with earlier posts that if a login page specific UI theme was available to update then life would be much more straightforward
The changes I had to make where as follows:
1. In %niku_home%\webroot\ui\uitk\gwt\com.ca.clarity.container updated the following files
D824E7680C7212C7C8E5DDD794AA7AE2.cache.html
188FE84135BA6430F19FCF6AA78835B7.cache.html
Specifically the following function in both files function Hm(b)
function Hm(b){var c,d;c=new fC;cC(c,'product',new Skb('[color=#fd0404]CA Clarity &trade[color];'));cC(c,'copyright',new Skb((gy(),new Yx(jy((!fy&&(fy=new hy
($wnd.clarity.uitk.i18n.I18n.getInstance())),fy).a,'Copyright © 2012 CA. All rights reserved'))).a));d=new fC;cC(d,'login',new Skb((new Yx(jy((!fy&&
(fy=new hy($wnd.clarity.uitk.i18n.I18n.getInstance())),fy).a,EMb))).a));cC(d,'username',new Skb((new Yx(jy((!fy&&(fy=new hy
($wnd.clarity.uitk.i18n.I18n.getInstance())),fy).a,'Username'))).a));cC(d,KMb,new Skb((new Yx(jy((!fy&&(fy=new hy($wnd.clarity.uitk.i18n.I18n.getInstance
())),fy).a,'Password'))).a));cC(c,'labels',d);cC(c,LMb,new Ojb(b.hidden));cC(c,'msgs',new Ojb(b.messages));return c.a}
2. Update %niku_home%\webroot\ui\uif\js\clarity_main_min.js by adding a new DIV inside the form element - you could use this 'hack' to format the login form more and add additional rows or columns to add more information
<div class="loginform"> and closing </div> just before </form>
<form name="page" type="form" onsubmit="return false;" method="POST" action="'+b.uitk.SERVLET+'"><div class="loginform"> <table class="ppm_login_box" role="presentation"> <tr><td colspan="2"><h1 class="ppm_login_title">'+c.labels.login+"</h1></td></tr>"+(d?"":' <tr><td class="ppm_login_field_label"><label for="ppm_login_username">'+c.labels.username+
'</label></td><td><input type="text" id="ppm_login_username" name="userName" size="40" maxlength="240"/></td></tr>')+' <tr><td class="ppm_login_field_label" style="padding-top: 22px"><label for="ppm_login_password">'+c.labels.password+'</label></td><td style="padding-top: 22px"><input type="password" id="ppm_login_password" name="passWord" size="40" maxlength="80"/></td></tr> <tr><td/><td class="ppm_login_msg"> <div id="ppm_login_msg_aria_live" role="alert" aria-live="rude" aria-atomic="true"> </div> ',
e=c.hidden&&c.hidden.length?c.hidden.length:0,f=0;f<e;f++)c.hidden[f].v&&(d+='<input type="hidden" name="'+c.hidden[f].n+'" value="'+c.hidden[f].v+'"/>');d+=' </td></tr> <tr><td colspan="2" style="position: relative"><input type="button" id="ppm_login_button" value="'+c.labels.login+'"/></td></tr> </table></div> </form>
3. Then in %niku_home%\webroot\ui\uitk\css\clarity.min.css - this expanded the background for the log in form from just the table with the form fields to sit behind the whole form
Add a new class
/* new div class */
.loginform {
background-color: #fff;
background: -moz-linear-gradient(#ffffff, #e2e2e2);
background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e2e2e2));
background: linear-gradient(#ffffff, #e2e2e2);
-pie-background: linear-gradient(#ffffff, #e2e2e2);
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
behavior: url(ui/ext/pie.htc);
-pie-poll: false;
position: relative;
margin: auto;
}
and update the following section
/* this adds the new logo */
#ppm_login_logo {
background: url(base64 for new logo);
margin: 6px 0px 0px 15px;
width: 108px;
height: 30px;
}
/* this comments out the original CSS for ppm_login_box */
/* .ppm_login_box {
background-color: #fff;
background: -moz-linear-gradient(#ffffff, #e2e2e2);
background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e2e2e2));
background: linear-gradient(#ffffff, #e2e2e2);
-pie-background: linear-gradient(#ffffff, #e2e2e2);
padding: 38px 38px;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
behavior: url(ui/ext/pie.htc);
-pie-poll: false;
position: relative;
margin: auto;
} */
/* This new CSS for ppm_login_box, removing the background to make it transparent
The background then comes from values set for .loginform div
*/
.ppm_login_box {
padding: 38px 38px;
behavior: url(ui/ext/pie.htc);
position: relative;
margin: auto;
}