fix: add missing svg and text color fixes

new-lamassu-admin/src/pages/Maintenance/Wizard/WizardSplash.js

@@ -3,8 +3,9 @@ import React from 'react'
 
 import { Button } from 'src/components/buttons'
 import { H1, P, Info2 } from 'src/components/typography'
-import cassetteOne from 'src/styling/icons/cassettes/cashout-cassette-1.svg'
+import filledCassettes from 'src/styling/icons/cassettes/both-filled.svg'
 import { ReactComponent as WarningIcon } from 'src/styling/icons/warning-icon/comet.svg'
+import { comet } from 'src/styling/variables'
 
 const styles = {
   button: {
@@ -35,6 +36,10 @@ const styles = {
   warningText: {
     flexBasis: '100%',
     flexGrow: 1
+  },
+  machineName: {
+    margin: [[5, 0]],
+    color: comet
   }
 }
 
@@ -45,7 +50,7 @@ const WizardSplash = ({ name, onContinue }) => {
 
   return (
     <div className={classes.modalContent}>
-      <img width="148" height="196" alt="cassette" src={cassetteOne}></img>
+      <img width="148" height="196" alt="cassette" src={filledCassettes}></img>
       <H1 className={classes.splashTitle} noMargin>
         Update counts
       </H1>

new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js

@@ -14,7 +14,7 @@ import cashbox from 'src/styling/icons/cassettes/acceptor-left.svg'
 import cassetteOne from 'src/styling/icons/cassettes/dispenser-1.svg'
 import cassetteTwo from 'src/styling/icons/cassettes/dispenser-2.svg'
 import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
-import { zircon2 } from 'src/styling/variables'
+import { comet } from 'src/styling/variables'
 
 const styles = {
   content: {
@@ -28,7 +28,8 @@ const styles = {
     marginBottom: 32
   },
   title: {
-    margin: [[0, 0, 12, 0]]
+    margin: [[0, 0, 12, 0]],
+    color: comet
   },
   stepImage: {
     width: 148,
@@ -81,7 +82,7 @@ const styles = {
     marginBottom: 25
   },
   fiatTotal: {
-    color: zircon2
+    color: comet
   }
 }