more responsive color displays

2 files changed, 3 insertions, 1 deletions

diff --git a/src/client/views/Main.tsx b/src/client/views/Main.tsx
index febf7489b..b59a2a4f7 100644
--- a/src/client/views/Main.tsx
+++ b/src/client/views/Main.tsx
@@ -191,7 +191,7 @@ function init(mainDocId: string) {
                         left: '4px',
                         width: '150px'
                     }} onClick={() => WorkspacesMenu.Instance.toggle()}>Workspaces</button>
-                    <WorkspacesMenu load={init} new={getNewWorkspace} />
+                    <WorkspacesMenu load={init} new={getNewWorkspace} active={mainDocId}/>
                 </div>),
                 document.getElementById('root'));
         })
diff --git a/src/server/authentication/controllers/WorkspacesMenu.tsx b/src/server/authentication/controllers/WorkspacesMenu.tsx
index d9d884c14..d48a855fd 100644
--- a/src/server/authentication/controllers/WorkspacesMenu.tsx
+++ b/src/server/authentication/controllers/WorkspacesMenu.tsx
@@ -6,6 +6,7 @@ import * as request from 'request'
 import './WorkspacesMenu.css'
 
 export interface WorkspaceMenuProps {
+    active: string;
     load: (workspaceId: string) => void;
     new: () => string;
 }
@@ -22,6 +23,7 @@ export class WorkspacesMenu extends React.Component<WorkspaceMenuProps> {
         WorkspacesMenu.Instance = this;
         this.loadExistingWorkspace = this.loadExistingWorkspace.bind(this);
         this.addNewWorkspace = this.addNewWorkspace.bind(this);
+        this.selectedWorkspaceId = this.props.active;
     }
 
     @action