fix(APlaylistEntryEditor): add dark mode styles

refs #314

src/components/playlist/APlaylistEntryEditor.vue

@@ -28,7 +28,7 @@
           tabindex="0"
         >
           <span
-            class="tw-rounded-full tw-px-3 tw-py-1 tw-border tw-border-solid tw-border-black/10 tw-inline-flex tw-items-center tw-gap-2 tw-cursor-help group-hocus:tw-bg-indigo-100 group-hocus:tw-ring-2"
+            class="tw-rounded-full tw-px-3 tw-py-1 tw-border tw-border-solid tw-border-black/10 tw-inline-flex tw-items-center tw-gap-2 tw-cursor-help group-hocus:tw-bg-indigo-100 dark:group-hocus:tw-bg-indigo-800 group-hocus:tw-ring-2"
           >
             <icon-iconamoon-music-artist-thin />
             {{ t('file.metadata._title') }}
@@ -37,7 +37,7 @@
           <SafeHTML
             :html="artistInfo"
             sanitize-preset="inline-noninteractive"
-            class="tw-absolute tw-top-full tw-left-0 tw-mt-1 tw-p-3 tw-rounded tw-bg-white tw-shadow-xl tw-z-10 tw-pointer-events-none tw-transition-all tw-opacity-0 -tw-translate-y-1 group-hocus:tw-opacity-100 group-hocus:tw-translate-y-0"
+            class="tw-absolute tw-top-full tw-left-0 tw-mt-1 tw-p-3 tw-rounded tw-bg-white dark:tw-bg-neutral-800 tw-shadow-xl tw-z-10 tw-pointer-events-none tw-transition-all tw-opacity-0 -tw-translate-y-1 group-hocus:tw-opacity-100 group-hocus:tw-translate-y-0"
           />
         </span>
       </template>