Use default selection and rollover colours for lists.

bigbluebutton-client/branding/default/style/css/V2Theme.css

@@ -40,11 +40,7 @@ global {
 	fontFamily        : "Source Sans Pro", Arial, sans-serif;
 	fontSize          : 13;
 	color             : #2A2D33;
-	selectionColor    : #1070D7;
-	textSelectedColor : #FFFFFF;
 	focusColor        : #1070D7;
-	rollOverColor     : #0A5EAC;
-	textRollOverColor : #FFFFFF;
 }
 
 .defaultShellStyle {
@@ -679,6 +675,28 @@ mx|DataGrid {
 	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Deny");
 }
 
+/*
+//------------------------------
+//  Item renderers
+//------------------------------
+*/
+
+.itemRendererDefault {
+	color : #2A2D33;
+}
+
+.itemRendererOver {
+	color : #FFFFFF;
+}
+
+.itemRendererSeleted {
+	color : #FFFFFF;
+}
+
+.itemRendererDisabled {
+	color : #F0F2F6;
+}
+
 /*
 //------------------------------
 //  Layout
@@ -836,15 +854,15 @@ flexlibcontainers|MDIWindowControlsContainer {
 }
 
 .videoDockStyleFocusChatLayout {
-	borderStyle : none;
-	borderColor: #42444C;
-	backgroundColor: #42444C;
+	borderStyle     : none;
+	borderColor     : #42444C;
+	backgroundColor : #42444C;
 }
 
 .videoDockStyleNoFocusChatLayout {
-	borderStyle : none;
-	borderColor: #42444C;
-	backgroundColor: #42444C;
+	borderStyle     : none;
+	borderColor     : #42444C;
+	backgroundColor : #42444C;
 }
 
 /*

bigbluebutton-client/src/org/bigbluebutton/modules/users/views/UserItemRenderer.mxml

@@ -22,10 +22,13 @@
 
 <mx:Box xmlns:mx="library://ns.adobe.com/flex/mx"
 		xmlns:fx="http://ns.adobe.com/mxml/2009"
+		styleName="{data.breakoutRooms.length > 0 ? 'itemRendererDisabled' : 'itemRendererDefault'}"
+		width="100%"
 		verticalScrollPolicy="off"
 		horizontalScrollPolicy="off">
+
 	<mx:Label id="nameLabel"
+			  width="100%"
 			  text="{data.name}"
-			  color="{data.breakoutRooms.length > 0 ? 0xcccccc : 0x000000}"
 			  toolTip="{data.name}" />
 </mx:Box>