fix: form alert dark mode

brownben · brownben · commit eb14d0688fdd · 2026-05-12T21:39:26.000+01:00
diff --git a/frontend/components/Form.vue b/frontend/components/Form.vue
@@ -31,7 +31,7 @@ const submit = async () => {
     <slot />
     <div
       v-if="message"
-      class="border-main-100 bg-main-50 text-main-800 col-span-2 flex flex-row items-center gap-4 rounded-sm border p-4 leading-tight select-auto"
+      class="border-main-100 bg-main-50 text-main-800 dark:border-main-700 dark:bg-main-900 dark:text-main-200 col-span-2 flex flex-row items-center gap-4 rounded-sm border p-4 leading-tight select-auto"
       role="alert"
     >
       <ExclamationCircleIcon aria-hidden="true" class="h-6 w-6 shrink-0" />

Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@ const submit = async () => {`
`31`	`31`	`<slot />`
`32`	`32`	`<div`
`33`	`33`	`v-if="message"`
`34`		`- class="border-main-100 bg-main-50 text-main-800 col-span-2 flex flex-row items-center gap-4 rounded-sm border p-4 leading-tight select-auto"`
	`34`	`+ class="border-main-100 bg-main-50 text-main-800 dark:border-main-700 dark:bg-main-900 dark:text-main-200 col-span-2 flex flex-row items-center gap-4 rounded-sm border p-4 leading-tight select-auto"`
`35`	`35`	`role="alert"`
`36`	`36`	`>`
`37`	`37`	`<ExclamationCircleIcon aria-hidden="true" class="h-6 w-6 shrink-0" />`