Merge pull request #1847 from ProjectMirador/1822-themable-icons

Make icons respond to light / dark theme; fixes #1822

src/components/WindowSideBarButtons.js

@@ -28,11 +28,10 @@ class WindowSideBarButtons extends Component {
       <>
         <IconButton
           aria-label="Open information companion window"
-          color="inherit"
           onClick={() => (toggleWindowSideBarPanel('info'))}
         >
           <InfoIcon
-            color={this.sideBarPanelCurrentlySelected('info') ? 'action' : 'inherit'}
+            color={this.sideBarPanelCurrentlySelected('info') ? 'primary' : 'inherit'}
           />
         </IconButton>
       </>

src/components/WindowTopMenuButton.js

@@ -50,7 +50,7 @@ class WindowTopMenuButton extends Component {
     return (
       <>
         <IconButton
-          color="primary"
+          color="inherit"
           aria-label="Menu"
           className={classes.ctrlBtn}
           aria-haspopup="true"

src/components/WorkspaceMenuButton.js

@@ -51,7 +51,7 @@ class WorkspaceMenuButton extends Component {
       <>
         <ListItem>
           <IconButton
-            color="primary"
+            color="default"
             id="menuBtn"
             aria-label="Menu"
             className={classes.ctrlBtn}