From 6ae4d72b68bd66bc12fed600b764a6b0023a6257 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sat, 16 Dec 2023 14:43:48 -0600
Subject: [PATCH] Update:Settings UI cleanup and light theme updates

---
 components/ui/TextInput.vue   | 3 +++
 pages/localMedia/item/_id.vue | 6 +++---
 pages/settings.vue            | 6 +++---
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/ui/TextInput.vue b/components/ui/TextInput.vue
index 1c5c0685..0e193ba7 100644
--- a/components/ui/TextInput.vue
+++ b/components/ui/TextInput.vue
@@ -88,4 +88,7 @@ export default {
 input[type='time']::-webkit-calendar-picker-indicator {
   filter: invert(100%);
 }
+html[data-theme='light'] input[type='time']::-webkit-calendar-picker-indicator {
+  filter: unset;
+}
 </style>
\ No newline at end of file
diff --git a/pages/localMedia/item/_id.vue b/pages/localMedia/item/_id.vue
index 71f7fbb4..1b983d81 100644
--- a/pages/localMedia/item/_id.vue
+++ b/pages/localMedia/item/_id.vue
@@ -55,7 +55,7 @@
               <div class="flex-grow px-2">
                 <p class="text-xs">{{ episode.title }}</p>
               </div>
-              <div class="w-20 text-center text-gray-300" style="min-width: 80px">
+              <div class="w-20 text-center text-fg-muted" style="min-width: 80px">
                 <p class="text-xs">{{ episode.audioTrack.mimeType }}</p>
                 <p class="text-sm">{{ $elapsedPretty(episode.audioTrack.duration) }}</p>
               </div>
@@ -76,7 +76,7 @@
             <div class="flex-grow px-2">
               <p class="text-xs">{{ localFileForEbook.filename }}</p>
             </div>
-            <div class="w-24 text-center text-gray-300" style="min-width: 96px">
+            <div class="w-24 text-center text-fg-muted" style="min-width: 96px">
               <p class="text-xs">{{ localFileForEbook.mimeType }}</p>
               <p class="text-sm">{{ $bytesPretty(localFileForEbook.size) }}</p>
             </div>
@@ -93,7 +93,7 @@
             <div class="flex-grow px-2">
               <p class="text-sm">{{ file.filename }}</p>
             </div>
-            <div class="w-24 text-center text-gray-300" style="min-width: 96px">
+            <div class="w-24 text-center text-fg-muted" style="min-width: 96px">
               <p class="text-xs">{{ file.mimeType }}</p>
               <p class="text-sm">{{ $bytesPretty(file.size) }}</p>
             </div>
diff --git a/pages/settings.vue b/pages/settings.vue
index 53cd8f6b..a1589bd4 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -18,19 +18,19 @@
     <div class="py-3 flex items-center">
       <p class="pr-4 w-36">{{ $strings.LabelHapticFeedback }}</p>
       <div @click.stop="showHapticFeedbackOptions">
-        <ui-text-input :value="hapticFeedbackOption" readonly append-icon="expand_more" style="max-width: 145px" />
+        <ui-text-input :value="hapticFeedbackOption" readonly append-icon="expand_more" style="max-width: 200px" />
       </div>
     </div>
     <div class="py-3 flex items-center">
       <p class="pr-4 w-36">{{ $strings.LabelLanguage }}</p>
       <div @click.stop="showLanguageOptions">
-        <ui-text-input :value="languageOption" readonly append-icon="expand_more" style="max-width: 225px" />
+        <ui-text-input :value="languageOption" readonly append-icon="expand_more" style="max-width: 200px" />
       </div>
     </div>
     <div class="py-3 flex items-center">
       <p class="pr-4 w-36">{{ $strings.LabelTheme }}</p>
       <div @click.stop="showThemeOptions">
-        <ui-text-input :value="themeOption" readonly append-icon="expand_more" style="max-width: 225px" />
+        <ui-text-input :value="themeOption" readonly append-icon="expand_more" style="max-width: 200px" />
       </div>
     </div>