Coloring

Author: AllanKoder

resources/js/Components/Form/TagSelector.vue

@@ -250,7 +250,7 @@ onMounted(async () => {
             <span
                 v-for="tag in selectedTags"
                 :key="tag"
-                class="inline-flex items-center mr-2 my-1 bg-secondary text-primaryDark  dark:bg-gray-900 dark:text-white px-3 py-1 rounded-full text-sm font-medium transition-colors"
+                class="inline-flex items-center mr-2 my-1 bg-secondary text-primaryDark  dark:bg-gray-700 dark:text-white px-3 py-1 rounded-full text-sm font-medium transition-colors"
             >
                 <button
                     @click="removeTag(tag)"

resources/js/Components/Pagination/PaginateLinks.vue

@@ -33,7 +33,7 @@ const nextLink = props.links[props.links.length - 1]?.url;
 
 <template>
     <nav class="flex flex-col items-center justify-center space-y-2">
-        <span class="text-sm text-gray-700 mt-4 dark:text-gray-400">
+        <span class="text-sm text-gray-700 mt-4 dark:text-gray-300">
             <template v-if="total === 0">
                 No results found for {{ modelName }}.
             </template>

resources/js/Pages/Resources/Form/TagsFields.vue

@@ -58,7 +58,7 @@ const validateAndNext = async () => {
     <Form
         :resolver="resolver"
         :initialValues="props.form"
-        class="flex flex-col gap-4 w-full bg-white dark:bg-gray-800 border border-transparent dark:border-gray-800 rounded-lg p-4"
+        class="flex flex-col gap-4 w-full bg-white dark:bg-gray-900 border border-transparent dark:border-gray-800 rounded-lg p-4"
     >
     <div class="flex flex-col gap-1 justify-center items-center">
             <div class="self-end">