Make right panel a dark-panel instead of every descendant.

Also move bg color central.

res/css/structures/_FilePanel.scss

@@ -17,7 +17,6 @@ limitations under the License.
 .mx_FilePanel {
     order: 2;
     flex: 1 1 0;
-    background-color: $secondary-accent-color;
     overflow-y: auto;
 }
 

res/css/structures/_LeftPanel.scss

@@ -46,7 +46,6 @@ limitations under the License.
 }
 
 .mx_LeftPanel {
-    background-color: $secondary-accent-color;
     flex: 1;
     overflow-x: hidden;
     display: flex;

res/css/structures/_NotificationPanel.scss

@@ -17,7 +17,6 @@ limitations under the License.
 .mx_NotificationPanel {
     order: 2;
     flex: 1 1 0;
-    background-color: $secondary-accent-color;
     overflow-y: auto;
 }
 

res/css/structures/_RoomSubList.scss

@@ -45,7 +45,6 @@ limitations under the License.
     padding-top: 6px;
     padding-bottom: 6px;
     cursor: pointer;
-    background-color: $secondary-accent-color;
 }
 
 .mx_RoomSubList_label.mx_RoomSubList_fixed {

res/css/views/rooms/_MemberInfo.scss

@@ -15,7 +15,6 @@ limitations under the License.
 */
 
 .mx_MemberInfo {
-    background-color: $secondary-accent-color;
     display: flex;
     flex-direction: column;
     flex: 1;

res/css/views/rooms/_MemberList.scss

@@ -17,7 +17,6 @@ limitations under the License.
 .mx_MemberList,
 .mx_GroupMemberList,
 .mx_GroupRoomList {
-    background-color: $secondary-accent-color;
     flex: 1;
     display: flex;
     flex-direction: column;

res/css/views/rooms/_RoomList.scss

@@ -37,7 +37,6 @@ limitations under the License.
 }
 
 .mx_RoomList_emptySubListTip_container {
-    background-color: $secondary-accent-color;
     padding-left: 18px;
     padding-right: 18px;
     padding-top: 8px;

res/css/views/rooms/_RoomTile.scss

@@ -23,7 +23,6 @@ limitations under the License.
     margin: 0;
     padding: 2px 12px;
     position: relative;
-    background-color: $secondary-accent-color;
 }
 
 .mx_RoomTile_tooltip {

res/themes/dharma/css/_dharma.scss

@@ -180,7 +180,7 @@ $lightbox-border-color: #ffffff;
 // unused?
 $progressbar-color: #000;
 
-// form elements
+/*** form elements ***/
 
 // .mx_textinput is a container for a text input
 // + some other controls like buttons, ...
@@ -220,6 +220,11 @@ input[type=search] {
     min-width: 0;
 }
 
+/*** panels ***/
+.dark-panel {
+    background-color: $secondary-accent-color;
+}
+
 .dark-panel {
     :not(.mx_textinput) > input[type=text],
     :not(.mx_textinput) > input[type=search],

src/components/structures/RightPanel.js

@@ -213,6 +213,7 @@ export default class RightPanel extends React.Component {
         const classes = classNames("mx_RightPanel", "mx_fadable", {
             "collapsed": this.props.collapsed,
             "mx_fadable_faded": this.props.disabled,
+            "dark-panel": true
         });
 
         return (

src/components/views/groups/GroupMemberList.js

@@ -163,7 +163,7 @@ export default React.createClass({
             </div> : <div />;
 
         return (
-            <div className="mx_MemberList dark-panel">
+            <div className="mx_MemberList">
                 { inputBox }
                 <GeminiScrollbarWrapper autoshow={true}>
                     { joined }

src/components/views/groups/GroupRoomList.js

@@ -131,7 +131,7 @@ export default React.createClass({
         const GeminiScrollbarWrapper = sdk.getComponent("elements.GeminiScrollbarWrapper");
         const TruncatedList = sdk.getComponent("elements.TruncatedList");
         return (
-            <div className="mx_GroupRoomList dark-panel">
+            <div className="mx_GroupRoomList">
                 { inputBox }
                 <GeminiScrollbarWrapper autoshow={true} className="mx_GroupRoomList_joined mx_GroupRoomList_outerWrapper">
                     <TruncatedList className="mx_GroupRoomList_wrapper" truncateAt={this.state.truncateAt}

src/components/views/rooms/MemberList.js

@@ -445,7 +445,7 @@ module.exports = React.createClass({
         }
 
         return (
-            <div className="mx_MemberList dark-panel">
+            <div className="mx_MemberList">
                 { inviteButton }
                 <GeminiScrollbarWrapper autoshow={true}>
                     <div className="mx_MemberList_wrapper">