From 5a39323e119d5f8459ce517cc76ad098973db047 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Mon, 3 Feb 2025 09:41:01 +0100
Subject: [PATCH] fix(style): contrasting colors in textarea; center upload
 card icons

---
 front/src/components/ui/Textarea.vue | 22 +++++++++++-----------
 front/src/ui/modals/Upload.vue       |  8 ++++----
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/front/src/components/ui/Textarea.vue b/front/src/components/ui/Textarea.vue
index 22bbec18f..f386acaf8 100644
--- a/front/src/components/ui/Textarea.vue
+++ b/front/src/components/ui/Textarea.vue
@@ -213,21 +213,21 @@ onMounted(() => {
       <label class="textarea-buttons"
         :for="preview ? 'expanded-preview-button' : 'nothing'"
       >
-        <Button ghost square-small @click="paragraph" icon="bi-paragraph" :aria-pressed="isParagraph || undefined" :disabled="preview" />
-        <Button ghost square-small @click="heading1" icon="bi-type-h1" :aria-pressed="isHeading1 || undefined" :disabled="preview" />
-        <Button ghost square-small @click="heading2" icon="bi-type-h2" :aria-pressed="isHeading2 || undefined" :disabled="preview" />
-        <Button ghost square-small @click="quote" icon="bi-quote" :aria-pressed="isQuote || undefined" :disabled="preview" />
-        <Button ghost square-small @click="orderedList" icon="bi-list-ol" :aria-pressed="isOrderedList || undefined"
+        <Button secondary square-small @click="paragraph" icon="bi-paragraph" :aria-pressed="isParagraph || undefined" :disabled="preview" />
+        <Button secondary square-small @click="heading1" icon="bi-type-h1" :aria-pressed="isHeading1 || undefined" :disabled="preview" />
+        <Button secondary square-small @click="heading2" icon="bi-type-h2" :aria-pressed="isHeading2 || undefined" :disabled="preview" />
+        <Button secondary square-small @click="quote" icon="bi-quote" :aria-pressed="isQuote || undefined" :disabled="preview" />
+        <Button secondary square-small @click="orderedList" icon="bi-list-ol" :aria-pressed="isOrderedList || undefined"
           :disabled="preview" />
-        <Button ghost square-small @click="unorderedList" icon="bi-list-ul" :aria-pressed="isUnorderedList || undefined"
+        <Button secondary square-small @click="unorderedList" icon="bi-list-ul" :aria-pressed="isUnorderedList || undefined"
           :disabled="preview" />
 
         <Spacer />
 
-        <Button ghost square-small @click="bold" icon="bi-type-bold" :disabled="preview" />
-        <Button ghost square-small @click="italics" icon="bi-type-italic" :disabled="preview" />
-        <Button ghost square-small @click="strikethrough" icon="bi-type-strikethrough" :disabled="preview" />
-        <Button ghost square-small @click="link" icon="bi-link-45deg" :disabled="preview" />
+        <Button secondary square-small @click="bold" icon="bi-type-bold" :disabled="preview" />
+        <Button secondary square-small @click="italics" icon="bi-type-italic" :disabled="preview" />
+        <Button secondary square-small @click="strikethrough" icon="bi-type-strikethrough" :disabled="preview" />
+        <Button secondary square-small @click="link" icon="bi-link-45deg" :disabled="preview" />
 
         <span v-if="charLimit !== Infinity && typeof charLimit === 'number'" class="letter-count">{{ charLimit - model.length }}</span>
 
@@ -237,7 +237,7 @@ onMounted(() => {
 
         <slot />
 
-        <Button ghost low-height min-content
+        <Button secondary low-height min-content
           id="expanded-preview-button"
           @click="preview = !preview"
           icon="bi-eye"
diff --git a/front/src/ui/modals/Upload.vue b/front/src/ui/modals/Upload.vue
index 7fb4ca189..bcbe621b3 100644
--- a/front/src/ui/modals/Upload.vue
+++ b/front/src/ui/modals/Upload.vue
@@ -108,7 +108,7 @@ const channels = [0,1,2,3,4].map(dummyChannel)
     <Layout flex style="place-content:center" v-if="state.page === 'selectDestination'">
         <Card small solid secondary title="Music"
             @click="destinationSelected('channel')"
-            icon="bi-upload"
+            icon="bi-upload primary solid"
         >
             <template #image>
                 <i class="bi bi-music-note-beamed solid primary" :class="$style.icon"></i>
@@ -117,7 +117,7 @@ const channels = [0,1,2,3,4].map(dummyChannel)
         </Card>
         <Card small solid secondary title="Podcast"
             @click="destinationSelected('podcast')"
-            icon="bi-upload"
+            icon="bi-upload primary solid"
         >
             <template #image>
                 <i class="bi bi-mic-fill solid primary" :class="$style.icon"></i>
@@ -155,8 +155,7 @@ const channels = [0,1,2,3,4].map(dummyChannel)
     </Layout>
 
     <template #actions>
-      <Button secondary
-      >
+      <Button secondary>
         Cancel
       </Button>
       <Button disabled v-if="state.page === 'selectDestination'">
@@ -176,5 +175,6 @@ const channels = [0,1,2,3,4].map(dummyChannel)
         padding:28px;
         inset:0;
         display:block;
+        text-align: center;
     }
 </style>