Joe,
There will be no documentation on css customization. Add these css rules to your apps theme common.css
(i.e. [install dir]\server\apps\[app#]\themes\FoldableTheme\common.css):
.jimu-widget-zoomslider,
.jimu-widget-homebutton,
.jimu-widget-mylocation,
.jimu-widget-homebutton.inHome,
.jimu-widget-homebutton .HomeButton .home,
.jimu-widget-homebutton.inHome .HomeButton .home{
background-color: rgb(88, 100, 116);
-ms-filter: "Alpha(opacity=50)";
background-color: rgba(88, 100, 116, 0.5);
}
.jimu-widget-zoomslider:hover,
.jimu-widget-homebutton:hover,
.jimu-widget-mylocation:hover,
.jimu-widget-homebutton.inHome:hover .HomeButton .home {
background-color: rgb(88, 100, 116);
-ms-filter: "Alpha(opacity=70)";
background-color: rgba(88, 100, 116, 0.7);
}
.jimu-widget-onscreen-icon {
position: absolute;
cursor: pointer;
border-radius: 4px;
background-color: rgb(88, 100, 116);
-ms-filter: "Alpha(opacity=20)";
background-color: rgba(88, 100, 116, 0.2);
}
.jimu-widget-onscreen-icon.jimu-state-selected {
background-color: rgb(88, 100, 116);
-ms-filter: "Alpha(opacity=80)";
background-color: rgba(88, 100, 116, 0.8);
}
.jimu-widget-onscreen-icon:hover{
background-color: rgb(88, 100, 116);
-ms-filter: "Alpha(opacity=40)";
background-color: rgba(88, 100, 116, 0.4);
}