fix: finishing touches on dark/light buf fixes

cmgriffing · Oct 31, 2024 · 46a9f23 · 46a9f23
1 parent 1f33a10
commit 46a9f23
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/playgrounds/app/src/components/ui/combobox.tsx b/playgrounds/app/src/components/ui/combobox.tsx
@@ -21,7 +21,7 @@ const ComboboxItem = <T extends ValidComponent = 'li'>(
   return (
     <ComboboxPrimitive.Item
       class={cn(
-        'relative flex cursor-default select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
+        'relative flex cursor-default select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-gray-100 data-[highlighted]:text-black data-[disabled]:opacity-50',
         local.class,
       )}
       {...others}
@@ -49,7 +49,7 @@ const ComboboxItemIndicator = <T extends ValidComponent = 'div'>(
           stroke-width="2"
           stroke-linecap="round"
           stroke-linejoin="round"
-          class="size-4 dark:text-black"
+          class="size-4"
         >
           <path d="M5 12l5 5l10 -10" />
         </svg>

diff --git a/playgrounds/app/src/components/ui/dropdown-menu.tsx b/playgrounds/app/src/components/ui/dropdown-menu.tsx
@@ -50,7 +50,7 @@ const DropdownMenuItem = <T extends ValidComponent = 'div'>(
   return (
     <DropdownMenuPrimitive.Item
       class={cn(
-        'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
         props.class,
       )}
       {...rest}
@@ -103,7 +103,7 @@ const DropdownMenuSubTrigger = <T extends ValidComponent = 'div'>(
   return (
     <DropdownMenuPrimitive.SubTrigger
       class={cn(
-        'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-white data-[state=open]:bg-accent',
+        'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent',
         props.class,
       )}
       {...rest}
@@ -158,7 +158,7 @@ const DropdownMenuCheckboxItem = <T extends ValidComponent = 'div'>(
   return (
     <DropdownMenuPrimitive.CheckboxItem
       class={cn(
-        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
         props.class,
       )}
       {...rest}
@@ -214,7 +214,7 @@ const DropdownMenuRadioItem = <T extends ValidComponent = 'div'>(
   return (
     <DropdownMenuPrimitive.RadioItem
       class={cn(
-        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
         props.class,
       )}
       {...rest}