Merge pull request #13 from SE7-KN8/text-color

Change text color to make text readable.
Jacob8765 · Oct 2, 2018 · e03017a · e03017a
2 parents 4348b19 + 2e35a08
commit e03017a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/App.js b/src/App.js
@@ -227,7 +227,7 @@ class App extends Component {
 
           <NoteButton blackKeys={this.state.blackKeys} usingsolfege={this.state.usingsolfege} checkAnswer={this.checkAnswer} small={false} />
 
-          <p className="m-2 mt-5">Solfege is <b>{(this.state.usingsolfege ? "enabled" : "disabled")}</b>. Repeated notes are <b>{(this.state.noRepeats ? "not allowed" : "allowed")}</b> Button Flashing is <b>{(this.state.buttonFlash ? "enabled" : "disabled")}</b> pro mode is <b>{(this.state.proMode ? "enabled" : "disabled")}</b></p>
+          <p className="m-2 mt-5 text-white">Solfege is <b>{(this.state.usingsolfege ? "enabled" : "disabled")}</b>. Repeated notes are <b>{(this.state.noRepeats ? "not allowed" : "allowed")}</b> Button Flashing is <b>{(this.state.buttonFlash ? "enabled" : "disabled")}</b> pro mode is <b>{(this.state.proMode ? "enabled" : "disabled")}</b></p>
         </MediaQuery>
 
         <MediaQuery maxWidth={1000}>
@@ -252,7 +252,7 @@ class App extends Component {
 
             <NoteButton blackKeys={this.state.blackKeys} usingsolfege={this.state.usingsolfege} checkAnswer={this.checkAnswer} small={true} />
 
-            <p className="m-2">Solfege is <b>{(this.state.usingsolfege ? "enabled" : "disabled")}</b>. Repeated notes are <b>{(this.state.noRepeats ? "not allowed" : "allowed")}</b> Button Flashing is <b>{(this.state.buttonFlash ? "enabled" : "disabled")}</b> pro mode is <b>{(this.state.proMode ? "enabled" : "disabled")}</b></p>
+            <p className="m-2 text-white">Solfege is <b>{(this.state.usingsolfege ? "enabled" : "disabled")}</b>. Repeated notes are <b>{(this.state.noRepeats ? "not allowed" : "allowed")}</b> Button Flashing is <b>{(this.state.buttonFlash ? "enabled" : "disabled")}</b> pro mode is <b>{(this.state.proMode ? "enabled" : "disabled")}</b></p>
           </MediaQuery>
         </MediaQuery>
       </div>