typo color changed

cp/javascript/src/components/Typo/index.jsx

@@ -76,7 +76,7 @@ export default class Typo extends Component {
         this.highlightedContext = context.replace(regex,
             `<span class="typo-correction">
                 <del>${original}</del> -> 
-                <span class="text-danger">${corrected}</span>
+                <span class="text-primary">${corrected}</span>
              </span>`);
     }
 
@@ -88,8 +88,8 @@ export default class Typo extends Component {
         const typo = this.typo;
 
         const display = "d-block";
-        const textColor = "text-white";
-        const backgroundColor = "bg-primary";
+        const textColor = "text-black";
+        const backgroundColor = "bg-light";
 
         const className = `TypoCard text-center ${display} ${backgroundColor} ${textColor}`;
 

cp/javascript/src/components/Typo/style.css

@@ -19,7 +19,7 @@
 }
 
 .TypoCard a {
-    color: white;
+    color: black;
 }
 
 .TypoCard #typo-id {