To change the trigger colors you can simply edit the trigger style rules in the style sheet. Open the p7AP4-01.css style sheet and locate the trigger style rules starting at line 34, the rules that start with the a. selector.
If you want to create a user class theme, let's say the 'matte-black' theme then just paste these rules into your style sheet and edit the colors to suit:
.p7AP4.matte-black {
background-color: black;
padding: 10px;
}
/* trigger colors */
.p7AP4.matte-black a.p7AP4-01 {
background-color: rgb(160,160,150);
color: #000;
background-image: url(../p7ap4/img/p7AP4_east_black.png);
box-shadow: inset 0px 4px 4px rgba(255,255,255,0.02);
}
/* trigger hover colors */
.p7AP4.matte-black a.p7AP4-01:hover {
background-color: #222;
color: #FFF;
background-image: url(../p7ap4/img/p7AP4_south_white.png);
box-shadow: inset 0px 28px 3px rgba(255,255,255,0.025);
}
/* trigger oprn state colors */
.p7AP4.matte-black a.p7AP4-01.ap4Trigs_down {
background-image: url(../p7ap4/img/p7AP4_south_white.png);
color: #FFF;
background-color: #666;
}
/* trigger open state hover colors */
.p7AP4.matte-black a.p7AP4-01.ap4Trigs_down:hover {
background-color: #666;
color: #FFF;
}
Now you simply enter matte-black into the Root User Class box in the APM4 interface.
