app: configure environment color

Blue will be reserved for the buttons, not the borders

src/components/App.tsx

@@ -30,7 +30,7 @@ function App(): JSX.Element {
                                 </Col>
                             </Row>
                             <Row>
-                                <Col className="Terminal py-2">
+                                <Col className="terminal py-2">
                                     <Terminal />
                                 </Col>
                             </Row>

src/components/StatusBar.tsx

@@ -13,7 +13,7 @@ type StatusProps = StateProps;
 class StatusBar extends React.Component<StatusProps> {
     render(): JSX.Element {
         return (
-            <div className="bg-info p-2">
+            <div className="status-bar p-2">
                 <ProgressBar className="w-25" now={this.props.progress} />
             </div>
         );

src/index.scss

@@ -2,12 +2,12 @@
 // Copyright (c) 2020 The Pybricks Authors
 
 // Override default variables before the import
-$body-bg: #0088ce;
+$body-bg: #e8e8e8;
 
 // Import Bootstrap and its default variables
 @import '~bootstrap/scss/bootstrap';
 
-.Terminal {
+.terminal {
     height: 15vh;
 }
 
@@ -19,3 +19,7 @@ $body-bg: #0088ce;
     padding: 0px;
     padding-right: 8px;
 }
+
+.status-bar {
+    background-color: #0088ce;
+}