:sparkles: radio button colors in place

frontend/src/components/onboarding/QuestionResponse.vue

@@ -3,7 +3,7 @@ w-card.question
     p {{question.question}} 
     section.radio-buttons.w-flex.row.justify-space-between
         p(v-for="label in question.labels") {{label}}
-    w-radios.w-flex.row.justify-space-between(@update:model-value="onUpdate" :items="radioItems")
+    w-radios.w-flex.row.justify-space-between(@update:model-value="onUpdate" :items="radioItems" color="red")
 </template>
 
 <script>

frontend/src/views/OnboardingView.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
 main.view--onboarding
+<<<<<<< HEAD
     article(
         style='display: flex; flex-direction: column; align-items: center'
         v-if='survey'
@@ -13,6 +14,22 @@ main.view--onboarding
                 @update-answers='updateAnswers'
                 v-if='step && currentStep == i'
             )
+=======
+    article(style='display: flex; flex-direction: column; align-items: center')
+        component(
+            :aspectQuestions='onboardingStep.component == "Aspects" ? aspectQuestions : null'
+            :currentStep='currentStep'
+            :is='onboardingStep.component'
+            @go-to-step='goToStep'
+            @handle-submit='onboardingStep.component == "Aspects" ? onSubmit : null'
+        )
+        //- form(@submit.prevent="onSubmit").questionnaire
+        //-     QuestionResponse(v-for="question in questions" :question="question" @updated="onUpdate")
+        //-     w-button(type="submit")
+        //-         w-icon.mr1 wi-check
+        //-         | SUBMIT ANSWERS
+    //- MainNav
+>>>>>>> ae00929 (:sparkles: radio button colors in place)
 </template>
 
 <script>
@@ -95,16 +112,10 @@ export default {
         justify-content: center
         align-items: center
         width: 100%
-<<<<<<< HEAD
-
-        h3
-            text-transform: uppercase
-=======
 
 
         h3
             text-transform: uppercase
->>>>>>> 41496c8 (:sparkles: questionnaire styles added #TODO radio buttons checked correct color)
             text-align: center
             font-size: 28px
             font-weight: bold
@@ -150,8 +161,12 @@ export default {
                     margin: 0
                     font-weight: bold
                     text-transform: capitalize
-            .w-radio__input
-                background-color: #D93D59
+    .w-radio__input
+
+        &.primary
+            background-color: #FFFFFF
+            border: #BCC5D3 1px solid
+
     .w-card__content
         .w-button
             height: 50px