From dc790d5450630cf7b42b49453801a5a7dcdfd795 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Thu, 14 Dec 2023 16:55:17 -0600
Subject: [PATCH] Fix light mode for new podcast page

---
 components/ui/TextareaInput.vue     | 2 +-
 components/ui/TextareaWithLabel.vue | 2 +-
 pages/bookshelf/add-podcast.vue     | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/ui/TextareaInput.vue b/components/ui/TextareaInput.vue
index 55c007e2..08acc581 100644
--- a/components/ui/TextareaInput.vue
+++ b/components/ui/TextareaInput.vue
@@ -1,5 +1,5 @@
 <template>
-  <textarea ref="input" v-model="inputValue" :rows="rows" :readonly="readonly" :disabled="disabled" :placeholder="placeholder" class="py-2 px-3 rounded bg-primary text-gray-200 focus:border-gray-500 focus:outline-none" :class="transparent ? '' : 'border border-gray-600'" @change="change" />
+  <textarea ref="input" v-model="inputValue" :rows="rows" :readonly="readonly" :disabled="disabled" :placeholder="placeholder" class="py-2 px-3 rounded bg-primary text-fg focus:outline-none" :class="transparent ? '' : 'border border-border'" @change="change" />
 </template>
 
 <script>
diff --git a/components/ui/TextareaWithLabel.vue b/components/ui/TextareaWithLabel.vue
index 96f98c92..49684a37 100644
--- a/components/ui/TextareaWithLabel.vue
+++ b/components/ui/TextareaWithLabel.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="w-full">
-    <p class="px-1 text-sm font-semibold" :class="disabled ? 'text-gray-400' : ''">{{ label }}</p>
+    <p class="px-1 text-sm font-semibold" :class="disabled ? 'text-fg-muted' : ''">{{ label }}</p>
     <ui-textarea-input ref="input" v-model="inputValue" :disabled="disabled" :rows="rows" class="w-full" />
   </div>
 </template>
diff --git a/pages/bookshelf/add-podcast.vue b/pages/bookshelf/add-podcast.vue
index b08befd6..cff78b5e 100644
--- a/pages/bookshelf/add-podcast.vue
+++ b/pages/bookshelf/add-podcast.vue
@@ -35,8 +35,8 @@
     <template v-else>
       <div class="flex items-center px-2 h-16">
         <div class="flex items-center" @click="clearSelected">
-          <span class="material-icons text-2xl text-gray-300">arrow_back</span>
-          <p class="pl-2 uppercase text-sm font-semibold text-gray-300 leading-4 pb-px">{{ $strings.ButtonBack }}</p>
+          <span class="material-icons text-2xl text-fg-muted">arrow_back</span>
+          <p class="pl-2 uppercase text-sm font-semibold text-fg-muted leading-4 pb-px">{{ $strings.ButtonBack }}</p>
         </div>
       </div>