Fix dark mode

ThePathOfLeastResistance · Aug 4, 2024 · 7a4ef86 · 7a4ef86
1 parent 2022993
commit 7a4ef86
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/ui/components/ActionMenu.tsx b/src/ui/components/ActionMenu.tsx
@@ -102,7 +102,7 @@ export default function ActionMenu({ addOnSDKApi, sandboxProxy }: { addOnSDKApi:
 						} as React.CSSProperties
 					}
 					className={
-						"disabled:opacity-50 disabled:cursor-not-allowed transition-opacity pointer text-sm ring-1 ring-slate-300 shadow-lg font-medium relative w-fit h-fit hover:bg-gray-100/90 px-3 py-1 place-items-center rounded-[--border-radius] bg-white p-3 text-black dark:bg-black dark:text-white"
+						"disabled:opacity-50 disabled:cursor-not-allowed transition-opacity pointer text-sm ring-1 ring-slate-300 shadow-lg font-medium relative w-fit h-fit hover:bg-gray-100/90 px-3 py-1 place-items-center rounded-[--border-radius] bg-white p-3 text-black"
 					}
 					onClick={async () => {
 						const runBtn = document.getElementById("runBtn") as HTMLButtonElement;

diff --git a/src/ui/components/MainMenu.tsx b/src/ui/components/MainMenu.tsx
@@ -33,7 +33,7 @@ export default function MainMenu({ addOnSDKApi }: { addOnSDKApi: AddOnSDKAPI })
 					<h1 className="text-center peer w-fit ml-auto mr-auto">List of Action Groups</h1>
 					<div
 						role="tooltip"
-						className="absolute inset-0 left-1/2 transform -translate-x-1/2 top-[calc(100%+8px)] w-fit h-fit text-nowrap hidden peer-hover:block peer-hover:opacity-100 z-10 px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 dark:bg-gray-700 before:content-[''] before:absolute before:top-0 before:left-1/2 before:-translate-x-1/2 before:-translate-y-full before:border-8 before:border-[color:transparent_transparent_black_transparent]"
+						className="absolute inset-0 left-1/2 transform -translate-x-1/2 top-[calc(100%+8px)] w-fit h-fit text-nowrap hidden peer-hover:block peer-hover:opacity-100 z-10 px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 before:content-[''] before:absolute before:top-0 before:left-1/2 before:-translate-x-1/2 before:-translate-y-full before:border-8 before:border-[color:transparent_transparent_black_transparent]"
 					>
 						Select an automated action group
 					</div>
@@ -80,4 +80,4 @@ function TrashIcon(props: React.HTMLAttributes<SVGElement>) {
 			/>
 		</svg>
 	);
-}
+}