From be68898d5e0b05f39affaaaae53f4d62f3edcbb4 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Fri, 24 Mar 2023 03:10:51 +0800
Subject: [PATCH] fix some colors

---
 packages/ui/src/components/Command/Command.utils.tsx | 4 +++-
 packages/ui/src/components/Command/LoadingLine.tsx   | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/Command/Command.utils.tsx b/packages/ui/src/components/Command/Command.utils.tsx
index 1c9f710975d..bafdba88a5f 100644
--- a/packages/ui/src/components/Command/Command.utils.tsx
+++ b/packages/ui/src/components/Command/Command.utils.tsx
@@ -208,7 +208,9 @@ const CommandItem = React.forwardRef<
           cursor-default select-none items-center 
           rounded-md text-sm outline-none 
 
-          aria-selected:bg-[#323232]/80
+          aria-selected:bg-scale-400
+
+          dark:aria-selected:bg-[#323232]/80
 
           aria-selected:backdrop-filter
           aria-selected:backdrop-blur-md
diff --git a/packages/ui/src/components/Command/LoadingLine.tsx b/packages/ui/src/components/Command/LoadingLine.tsx
index b1aef8fa9b8..ef044ec888f 100644
--- a/packages/ui/src/components/Command/LoadingLine.tsx
+++ b/packages/ui/src/components/Command/LoadingLine.tsx
@@ -3,7 +3,7 @@ import { cn } from '../../utils/cn'
 
 export const LoadingLine = ({ loading }: { loading: boolean }) => {
   return (
-    <div className="relative overflow-hidden w-full h-px bg-[#2e2e2e] m-auto">
+    <div className="relative overflow-hidden w-full h-px bg-[#eceef0] dark:bg-[#2e2e2e] m-auto">
       <span
         className={cn(
           'absolute w-[80px] h-px ml-auto mr-auto left-0 right-0 text-center block top-0',