diff --git a/app/javascript/dashboard/components/form/Input.vue b/app/javascript/dashboard/components/form/Input.vue index 04b99fef8..9a0325365 100644 --- a/app/javascript/dashboard/components/form/Input.vue +++ b/app/javascript/dashboard/components/form/Input.vue @@ -23,7 +23,7 @@ 'px-3 py-3': spacing === 'base', 'px-3 py-2 mb-0': spacing === 'compact', }" - class="block w-full border-none rounded-md shadow-sm appearance-none outline outline-1 outline-slate-200 focus:outline-none focus:outline-0 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 focus:ring-2 focus:ring-woot-500 sm:text-sm sm:leading-6 dark:bg-slate-700" + class="block w-full border-none rounded-md shadow-sm appearance-none outline outline-1 outline-slate-200 dark:outline-slate-800 focus:outline-none focus:outline-0 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 focus:ring-2 focus:ring-woot-500 sm:text-sm sm:leading-6 dark:bg-slate-800" @input="onInput" @blur="$emit('blur')" /> diff --git a/app/javascript/dashboard/components/form/TextArea.vue b/app/javascript/dashboard/components/form/TextArea.vue index 581d16307..aa645eef8 100644 --- a/app/javascript/dashboard/components/form/TextArea.vue +++ b/app/javascript/dashboard/components/form/TextArea.vue @@ -24,7 +24,7 @@ 'px-3 py-2': spacing === 'compact', 'resize-none': !allowResize, }" - class="block w-full border-none rounded-md shadow-sm appearance-none outline outline-1 outline-slate-200 focus:outline-none focus:outline-0 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 focus:ring-2 focus:ring-woot-500 sm:text-sm sm:leading-6 dark:bg-slate-700" + class="block w-full border-none rounded-md shadow-sm appearance-none outline outline-1 outline-slate-200 dark:outline-slate-800 focus:outline-none focus:outline-0 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 focus:ring-2 focus:ring-woot-500 sm:text-sm sm:leading-6 dark:bg-slate-800" @input="onInput" @blur="$emit('blur')" />