Updated for MOT support

dvsa · Sep 23, 2024 · 4d0e7ff · 4d0e7ff
1 parent 6623db4
commit 4d0e7ff
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/...g-room-to-car/components/eyesight-failure-confirmation/eyesight-failure-confirmation.scss b/...g-room-to-car/components/eyesight-failure-confirmation/eyesight-failure-confirmation.scss
@@ -4,7 +4,7 @@
     margin: 12px;
     padding: 40px;
     background: var(--gds-blue);
-    color: var(--mes-theme-main-colour);
+    color: var(--mes-theme-opposing-colour);
     #eyesight-failure-title {
       color: var(--gds-white);
     }

diff --git a/src/app/pages/waiting-room-to-car/components/mot-components/mot-card/mot-card.component.html b/src/app/pages/waiting-room-to-car/components/mot-components/mot-card/mot-card.component.html
@@ -8,20 +8,20 @@
     <ion-col size="50">
       <ion-row>
         <ion-col size="35">
-          <ion-text class="bold-font"> MOT Status</ion-text>
+          <ion-text class="opposing-text bold-font"> MOT Status</ion-text>
         </ion-col>
         <ion-col>
-          <ion-text>
+          <ion-text class="opposing-text">
             {{ isValidMOT() ? data?.expiryDate ? 'Valid until ' + data?.expiryDate : 'Valid' : data?.expiryDate ? 'Expired ' + data?.expiryDate : 'Not valid' }}
           </ion-text>
         </ion-col>
       </ion-row>
       <ion-row>
         <ion-col size="35">
-          <ion-text class="bold-font"> Make/Model</ion-text>
+          <ion-text class="opposing-text bold-font"> Make/Model</ion-text>
         </ion-col>
         <ion-col size="50">
-          <ion-text> {{ data?.make }} {{ data?.model }}</ion-text>
+          <ion-text class="opposing-text"> {{ data?.make }} {{ data?.model }}</ion-text>
         </ion-col>
       </ion-row>
     </ion-col>
@@ -41,8 +41,8 @@
       <ion-icon class="circle-icon" name="alert-circle"></ion-icon>
     </ion-col>
     <ion-col class="icon-text-align" size="49">
-      <ion-text *ngIf="isNoDetails()"> Unable to determine MOT status.</ion-text>
-      <ion-text *ngIf="isSearchFailed()"> Unable to connect. This feature is not available.</ion-text>
+      <ion-text class="opposing-text" *ngIf="isNoDetails()"> Unable to determine MOT status.</ion-text>
+      <ion-text class="opposing-text" *ngIf="isSearchFailed()"> Unable to connect. This feature is not available.</ion-text>
     </ion-col>
   </ion-row>
 </div>
diff --git a/.../components/mot-components/mot-no-evidence-confirmation/mot-no-evidence-confirmation.scss b/.../components/mot-components/mot-no-evidence-confirmation/mot-no-evidence-confirmation.scss
@@ -4,7 +4,7 @@
     margin: 12px;
     padding: 40px;
     background: var(--gds-red);
-    color: var(--mes-white);
+    color: var(--mes-theme-opposing-colour);
     #mot-no-evidence-title {
       color: inherit;
     }

diff --git a/.../components/mot-components/practice-mode-mot-modal/practice-mode-mot-modal.component.scss b/.../components/mot-components/practice-mode-mot-modal/practice-mode-mot-modal.component.scss
@@ -21,7 +21,7 @@
   }
 
   .cancel-button {
-    color: var(--gds-black);
+    color: var(--mes-theme-opposing-colour);
   }
 
 }
diff --git a/src/app/pages/waiting-room-to-car/components/vehicle-registration/vehicle-registration.scss b/src/app/pages/waiting-room-to-car/components/vehicle-registration/vehicle-registration.scss
@@ -11,7 +11,7 @@
 }
 
 .search-spinner {
-  color: black;
+  color: var(--mes-theme-opposing-colour);
   height: 40px;
   position: relative;
   width: 40px;