Connect window top bar style to theme

src/components/WindowTopBar.js

@@ -27,7 +27,7 @@ export class WindowTopBar extends Component {
     } = this.props;
     return (
       <AppBar position="relative">
-        <Toolbar disableGutters className={classNames(classes.reallyDense, ns('window-top-bar'))} variant="dense">
+        <Toolbar disableGutters className={classNames(classes.windowTopBarStyle, ns('window-top-bar'))} variant="dense">
           <IconButton
             aria-label={t('toggleWindowSideBar')}
             color="inherit"

src/containers/WindowTopBar.js

@@ -22,17 +22,22 @@ const mapDispatchToProps = (dispatch, { windowId }) => ({
   toggleWindowSideBar: () => dispatch(actions.toggleWindowSideBar(windowId)),
 });
 
-
-const styles = {
+/**
+ * @param theme
+ * @returns {{typographyBody: {flexGrow: number, fontSize: number|string},
+ * windowTopBarStyle: {minHeight: number, paddingLeft: number, backgroundColor: string}}}
+ */
+const styles = theme => ({
   typographyBody: {
     flexGrow: 1,
     fontSize: '1em',
   },
-  reallyDense: {
+  windowTopBarStyle: {
     minHeight: 32,
     paddingLeft: 4,
+    backgroundColor: theme.palette.primary.light,
   },
-};
+});
 
 const enhance = compose(
   withNamespaces(),