high contrast mode on model selector to enhance accessibility

This commit is contained in:
Sine Jespersen 2025-07-02 08:46:32 +02:00
parent a85ecadfeb
commit e5435c6480

View file

@ -346,12 +346,17 @@
closeFocus={false} closeFocus={false}
> >
<DropdownMenu.Trigger <DropdownMenu.Trigger
class="relative w-full font-primary" class="relative w-full font-primary {($settings?.highContrastMode ?? false)
? ''
: 'outline-hidden focus:outline-hidden'}"
aria-label={placeholder} aria-label={placeholder}
id="model-selector-{id}-button" id="model-selector-{id}-button"
> >
<button <button
class="flex w-full text-left px-0.5 outline-hidden bg-transparent truncate {triggerClassName} justify-between font-medium placeholder-gray-400 focus:outline-hidden" class="flex w-full text-left px-0.5 bg-transparent truncate {triggerClassName} justify-between font-medium {($settings?.highContrastMode ??
false)
? 'dark:placeholder-gray-100 placeholder-gray-800'
: 'placeholder-gray-400'}"
on:mouseenter={async () => { on:mouseenter={async () => {
models.set( models.set(
await getModels( await getModels(