styling: cahnging color to 'white"

src/components/Footer.js

@@ -8,7 +8,7 @@ class Footer extends Component {
   render() {
     return (
       <footer style={{position:'absolute', bottom: '0', width: '100%'}}>
-        <div style={{minHeight:'30px', backgroundColor:'lightgrey', textAlign: 'center', paddingTop: '2px'}}>
+        <div style={{minHeight:'30px', backgroundColor:'#DDDDDD', textAlign: 'center', paddingTop: '2px'}}>
           <div style={{color: 'grey', height: '100%'}}>
             <Link to={"/impressum"} style={{textDecoration: 'none', color: 'inherit'}}>Impressum</Link>
             <Typography style={{margin: '0px 10px 0px 10px', display: 'initial', fontSize: '1rem'}}>|</Typography>

src/components/MaxBlocks.js

@@ -28,14 +28,13 @@ class MaxBlocks extends Component {
     return (
       <div style={{display: 'inline', marginLeft: '10px'}}>
         <TextField
-          style={{width: '50px'}}
+          style={{width: '50px', marginRight: '5px'}}
           name="max"
           type="number"
           onChange={this.onChange}
           value={this.state.max}
-          variant='outlined'
         />
-        <Button style={{marginRight: '10px'}} variant="contained" color="primary" onClick={this.setMaxBlocks}>
+        <Button style={{marginRight: '10px', color: 'white'}} variant="contained" color="primary" onClick={this.setMaxBlocks}>
           Maximale Blöcke
         </Button>
       </div>

src/components/Navbar.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Link } from 'react-router-dom';
 
 import ClearWorkspace from './ClearWorkspace';
+import senseboxLogo from './sensebox_logo.svg';
 
 import { withStyles } from '@material-ui/core/styles';
 import Drawer from '@material-ui/core/Drawer';
@@ -51,7 +52,7 @@ class Navbar extends Component {
           style={{height: '50px', marginBottom: '30px'}}
           classes={{root: this.props.classes.appBarColor}}
         >
-          <Toolbar style={{height: '50px', minHeight: '50px', padding: 0}}>
+          <Toolbar style={{height: '50px', minHeight: '50px', padding: 0, color: 'white'}}>
             <IconButton
               color="inherit"
               onClick={this.toggleDrawer}
@@ -64,6 +65,9 @@ class Navbar extends Component {
                 senseBox Blockly
               </Typography>
             </Link>
+            <Link to={"/"} style={{marginLeft: '10px'}}>
+              <img src={senseboxLogo} alt="senseBox-Logo" width="30"/>
+            </Link>
           </Toolbar>
         </AppBar>
         <Drawer

src/components/WorkspaceFunc.js

@@ -44,10 +44,10 @@ class WorkspaceFunc extends Component {
             </Button>
           </DialogActions>
         </Dialog>
-        <Button style={{ marginRight: '10px' }} variant="contained" color="primary" onClick={() => this.getArduinoCode()}>
+        <Button style={{ marginRight: '10px', color: 'white' }} variant="contained" color="primary" onClick={() => this.getArduinoCode()}>
           Get Adurino Code
         </Button>
-        <Button style={{ marginRight: '10px' }} variant="contained" color="primary" onClick={() => this.getXMLCode()}>
+        <Button style={{ marginRight: '10px', color: 'white' }} variant="contained" color="primary" onClick={() => this.getXMLCode()}>
           Get XML Code
         </Button>
         <MaxBlocks />

src/components/WorkspaceStats.js

@@ -27,7 +27,7 @@ class WorkspaceStats extends Component {
     const workspace = Blockly.getMainWorkspace();
     const remainingBlocksInfinity = workspace ? workspace.remainingCapacity() !== Infinity : null;
     return (
-      <div style={{marginBottom: '20px'}}>
+      <div style={{marginBottom: '20px', color: 'white'}}>
         <Tooltip title="Anzahl aktueller Blöcke" style={{marginLeft: 0}} className={this.props.classes.stats}>
           <div>
             <FontAwesomeIcon icon={faPuzzlePiece} />