fix(home): components text colors 🐛 (#1761)

Author: PierreBrisorgueil

src/modules/home/components/home.features.component.vue

@@ -30,12 +30,12 @@
         <v-col v-for="({ icon, title, text, color }, i) in features.data" :key="i" cols="12" md="4" data-aos="fade-up">
           <v-card class="pt-8 pb-2 px-4 rounded-xl" :flat="config.vuetify.theme.flat" :style="custom && custom.card ? custom.card : null">
             <div>
-              <v-avatar :color="color ? color : 'primary'" size="88">
-                <v-icon dark large>{{ icon }}</v-icon>
-              </v-avatar>
+              <v-btn icon :color="color ? color : 'primary'" width="88" height="88" class="text-white">
+                <v-icon :icon="icon" large></v-icon>
+              </v-btn>
             </div>
             <v-card-title class="justify-center font-weight-black text-uppercase" v-text="title"></v-card-title>
-            <v-card-text class="subtitle-1 text-secondary">
+            <v-card-text class="subtitle-1 text-medium-emphasis text-onSurface">
               <v-markdown :source="text" />
             </v-card-text>
           </v-card>

src/modules/home/components/home.slideshow.component.vue

@@ -98,7 +98,7 @@
                     }"
                     v-text="title"
                   ></v-card-title>
-                  <v-card-text v-if="text" class="subtitle-1 text-secondary">
+                  <v-card-text v-if="text" class="subtitle-1 text-medium-emphasis text-onSurface">
                     <v-markdown :source="text" />
                   </v-card-text>
                 </v-card>