feat: improve ui contrast

packages/ui/src/navigation.tsx

@@ -2,11 +2,11 @@ import {
 	BellFilledIcon,
 	BellIcon,
 	ComposeFilledIcon,
-	ComposeIcon,
 	DepotFilledIcon,
 	DepotIcon,
 	HomeFilledIcon,
 	HomeIcon,
+	PlusIcon,
 	SearchFilledIcon,
 	SearchIcon,
 	SettingsFilledIcon,
@@ -44,11 +44,7 @@ export function Navigation() {
 								: "bg-black/5 hover:bg-blue-500 dark:bg-white/5 dark:hover:bg-blue-500",
 						)}
 					>
-						{isEditorOpen ? (
-							<ComposeFilledIcon className="size-5" />
-						) : (
-							<ComposeIcon className="size-5" />
-						)}
+						<PlusIcon className="size-5" />
 					</button>
 				</div>
 				<div className="my-5 w-2/3 mx-auto h-px bg-black/10 dark:bg-white/10" />

packages/ui/src/routes/event.tsx

@@ -11,7 +11,7 @@ export function EventRoute() {
 	return (
 		<div className="pb-5 overflow-y-auto">
 			<WindowVirtualizer>
-				<div className="h-11 bg-neutral-50 dark:bg-neutral-950 border-b flex items-center justify-start gap-2 px-3 border-neutral-100 dark:border-neutral-900 mb-3">
+				<div className="relative z-50 h-11 bg-neutral-50 dark:bg-neutral-950 border-b flex items-center justify-start gap-2 px-3 border-neutral-100 dark:border-neutral-900 mb-3">
 					<button
 						type="button"
 						className="size-9 hover:bg-neutral-100 hover:text-blue-500 dark:hover:bg-neutral-900 rounded-lg inline-flex items-center justify-center"