change text from black to matcha gray

Author: supalarry

frontend/src/components/app/onboarding/MainAndSecondaryImagesUpload.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- eslint-disable max-len -->
   <section class="onboarding-sub-container relative">
-    <h1>{{slide.current}} / {{slide.count}}</h1>
+    <h1 class="text-gray-matcha">{{slide.current}} / {{slide.count}}</h1>
     <h1 class="onboarding-sub-container-content-heading leading-none text-center">{{slide.header}}</h1>
     <ImageUpload v-if="imageIndex <= slide.maxImagesAllowed"
       v-bind:explanation="explanation"

frontend/src/components/app/onboarding/MultipleChoice.vue

@@ -1,9 +1,9 @@
 <template>
   <!-- eslint-disable max-len -->
   <section class="onboarding-sub-container">
-    <h1>{{slide.current}} / {{slide.count}}</h1>
+    <h1 class="text-gray-matcha">{{slide.current}} / {{slide.count}}</h1>
     <h1 class="onboarding-sub-container-content-heading leading-none">{{slide.header}}</h1>
-    <p class="mt-2">{{optionsSelectedCount}} / {{slide.maxOptionsForSelection}}</p>
+    <p class="mt-2 text-gray-matcha">{{optionsSelectedCount}} / {{slide.maxOptionsForSelection}}</p>
     <div class="h-64 pb-1 my-8 border-b-4 max-w-xs border-white-matcha flex flex-col items-center w-full overflow-scroll">
       <SelectionButton v-for="(option, index) in slide.options" :key="index + option"
         v-bind:val="option"

frontend/src/components/app/onboarding/Textblock.vue

@@ -1,9 +1,9 @@
 <template>
   <!-- eslint-disable max-len -->
   <section class="onboarding-sub-container">
-    <h1>{{slide.current}} / {{slide.count}}</h1>
+    <h1 class="text-gray-matcha">{{slide.current}} / {{slide.count}}</h1>
     <h1 class="onboarding-sub-container-content-heading leading-none">Bio</h1>
-    <p class="mt-2">{{textareaLength}} / {{slide.maxTextareaLength}}</p>
+    <p class="mt-2 text-gray-matcha">{{textareaLength}} / {{slide.maxTextareaLength}}</p>
     <div class="h-64 flex flex-col items-center justify-center w-full">
       <textarea
         autofocus

frontend/src/views/app/Onboarding.vue

@@ -63,7 +63,7 @@
       key: 'bio',
       current: slideCurrent,
       count: slideCount,
-      minTextareaLength: 40,
+      minTextareaLength: 50,
       maxTextareaLength: 200,
       placeholder: 'I am best described as ...',
       buttonText}"