From c96cfecc6329f4150eaaaa0d529bf1e1ddca8ff9 Mon Sep 17 00:00:00 2001
From: Kuchenpirat <jojow@gmx.net>
Date: Mon, 2 Jun 2025 16:30:02 +0000
Subject: [PATCH] fix recipe header text opacities

---
 frontend/components/Domain/Recipe/RecipeLastMade.vue | 3 ++-
 frontend/components/Domain/Recipe/RecipeTimeCard.vue | 6 +++---
 frontend/components/Domain/Recipe/RecipeYield.vue    | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/components/Domain/Recipe/RecipeLastMade.vue b/frontend/components/Domain/Recipe/RecipeLastMade.vue
index 84a2a7e7e..40b3a7c23 100644
--- a/frontend/components/Domain/Recipe/RecipeLastMade.vue
+++ b/frontend/components/Domain/Recipe/RecipeLastMade.vue
@@ -90,6 +90,7 @@
               <v-btn
                 rounded
                 variant="outlined"
+                color="primary"
                 size="x-large"
                 v-bind="props"
                 @click="madeThisDialog = true"
@@ -97,7 +98,7 @@
                 <v-icon start size="large" color="primary">
                   {{ $globals.icons.calendar }}
                 </v-icon>
-                <span class="text-body" style="letter-spacing: normal">
+                <span class="text-body-1 text-black opacity-80">
                   <b>{{ $t("general.last-made") }}</b>
                   <br>
                   {{ lastMade ? new Date(lastMade).toLocaleDateString($i18n.locale) : $t("general.never") }}
diff --git a/frontend/components/Domain/Recipe/RecipeTimeCard.vue b/frontend/components/Domain/Recipe/RecipeTimeCard.vue
index 8415884f8..114a835a2 100644
--- a/frontend/components/Domain/Recipe/RecipeTimeCard.vue
+++ b/frontend/components/Domain/Recipe/RecipeTimeCard.vue
@@ -18,7 +18,7 @@
           {{ $globals.icons.clockOutline }}
         </v-icon>
         <p class="my-0">
-          <span class="font-weight-bold">{{ validateTotalTime.name }}</span><br>{{ validateTotalTime.value }}
+          <span class="font-weight-bold opacity-80">{{ validateTotalTime.name }}</span><br>{{ validateTotalTime.value }}
         </p>
       </v-row>
     </div>
@@ -50,7 +50,7 @@
             {{ $globals.icons.knfife }}
           </v-icon>
           <p class="my-0">
-            <span class="font-weight-bold">{{ validatePrepTime.name }}</span><br>{{ validatePrepTime.value }}
+            <span class="font-weight-bold opacity-80">{{ validatePrepTime.name }}</span><br>{{ validatePrepTime.value }}
           </p>
         </div>
         <v-divider
@@ -70,7 +70,7 @@
             {{ $globals.icons.potSteam }}
           </v-icon>
           <p class="my-0">
-            <span class="font-weight-bold">{{ validatePerformTime.name }}</span><br>{{ validatePerformTime.value }}
+            <span class="font-weight-bold opacity-80">{{ validatePerformTime.name }}</span><br>{{ validatePerformTime.value }}
           </p>
         </div>
       </v-row>
diff --git a/frontend/components/Domain/Recipe/RecipeYield.vue b/frontend/components/Domain/Recipe/RecipeYield.vue
index 0d5ed7797..0ba676a3a 100644
--- a/frontend/components/Domain/Recipe/RecipeYield.vue
+++ b/frontend/components/Domain/Recipe/RecipeYield.vue
@@ -15,7 +15,7 @@
       >
         {{ $globals.icons.bread }}
       </v-icon>
-      <p class="my-0">
+      <p class="my-0 opacity-80">
         <span class="font-weight-bold">{{ $t("recipe.yield") }}</span><br>
         <!-- eslint-disable-next-line vue/no-v-html -->
         <span v-html="scaledAmount" /> {{ text }}