fix(input): update placeholder colors

jbaubree · Aug 18, 2023 · 6797af9 · 6797af9
1 parent bf3a27e
commit 6797af9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/input/input.ts b/src/components/input/input.ts
@@ -47,7 +47,7 @@ export interface Input {
 export const input: Input = {
   wrapper: 'relative',
   base: 'relative block w-full disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none border-0',
-  placeholder: 'placeholder-dark-100 placeholder-text-13px dark:placeholder-light-900',
+  placeholder: 'placeholder-dark-200 placeholder-text-13px dark:placeholder-light-700',
   rounded: {
     '2xs': 'rounded-3px',
     'xs': 'rounded-3px',

diff --git a/src/components/select/USelectMenu.vue b/src/components/select/USelectMenu.vue
@@ -191,7 +191,9 @@ watch(container, value => value ? emit('open') : emit('close'))
               </UTag>
             </div>
             <span v-else-if="!isMultiple && !!modelValue" class="block truncate">{{ typeof modelValue === 'string' ? modelValue : modelValue[optionAttribute] }}</span>
-            <span v-else class="block truncate" :class="config.placeholder">{{ placeholder || '&nbsp;' }}</span>
+            <UText v-else color="light" class="block truncate" :class="config.placeholder">
+              {{ placeholder || '&nbsp;' }}
+            </UText>
           </slot>
           <span v-if="(isTrailing && trailingIconName) || slots.trailing" :class="trailingWrapperIconClass">
             <slot name="trailing" :is-disabled="isDisabled" :is-loading="isLoading">