From baa24e1cf9ba67aa9484c00c5efcb0b122966c3a Mon Sep 17 00:00:00 2001 From: Sudo-Ivan Date: Sat, 3 Jan 2026 16:06:34 -0600 Subject: [PATCH] feat(styles): enhance select input and add danger chip styles for improved UI consistency --- meshchatx/src/frontend/style.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/meshchatx/src/frontend/style.css b/meshchatx/src/frontend/style.css index 4905878..48a2b83 100644 --- a/meshchatx/src/frontend/style.css +++ b/meshchatx/src/frontend/style.css @@ -43,6 +43,10 @@ @apply bg-gray-50/90 dark:bg-zinc-900/80 border border-gray-200 dark:border-zinc-700 text-sm rounded-2xl focus:ring-2 focus:ring-blue-400 focus:border-blue-400 dark:focus:ring-blue-500 dark:focus:border-blue-500 block w-full p-2.5 text-gray-900 dark:text-gray-100 transition; } +select.input-field option { + @apply bg-white text-gray-900 dark:bg-zinc-900 dark:text-gray-100; +} + .primary-chip { @apply inline-flex items-center gap-x-2 rounded-full bg-blue-600/90 px-3 py-1.5 text-xs font-semibold text-white shadow hover:bg-blue-500 transition; } @@ -51,6 +55,10 @@ @apply inline-flex items-center gap-x-2 rounded-full border border-gray-300 dark:border-zinc-700 px-3 py-1.5 text-xs font-semibold text-gray-700 dark:text-gray-100 bg-white/80 dark:bg-zinc-900/70 hover:border-blue-400 dark:hover:border-blue-500 transition; } +.danger-chip { + @apply inline-flex items-center gap-x-2 rounded-full border border-red-300 dark:border-red-900 px-3 py-1.5 text-xs font-semibold text-red-700 dark:text-red-100 bg-red-50/50 dark:bg-red-900/20 hover:bg-red-100 dark:hover:bg-red-900/40 transition; +} + .glass-label { @apply mb-1 text-sm font-semibold text-gray-800 dark:text-gray-200; }