fix: Lighter placeholder text color

src/components/Controls/Base.vue

@@ -58,7 +58,7 @@ export default {
           'px-2 py-1': this.size === 'small',
           'bg-gray-100': this.background
         },
-        'focus:outline-none focus:bg-gray-200 rounded w-full text-gray-900'
+        'focus:outline-none focus:bg-gray-200 rounded w-full text-gray-900 placeholder-gray-400'
       ];
 
       return this.getInputClassesFromProp(classes);

src/components/Controls/Select.vue

@@ -23,7 +23,7 @@
         </option>
       </select>
       <div
-        class="absolute left-0 pl-2 text-gray-600 pointer-events-none"
+        class="absolute left-0 pl-2 text-gray-400 pointer-events-none"
         v-if="!value"
       >
         {{ inputPlaceholder }}

src/components/DatePicker/DatePicker.vue

@@ -5,7 +5,7 @@
         <span v-if="value">
           {{ formatValue ? formatValue(value) : value }}
         </span>
-        <span class="text-gray-600" v-else>
+        <span class="text-gray-400" v-else>
           <template v-if="placeholder">
             {{ placeholder }}
           </template>