Update guest v2 branding and theming

resources/js/guest-v2/components/CompassHub.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { YStack } from '@tamagui/stacks';
 import { SizableText as Text } from '@tamagui/text';
 import { Button } from '@tamagui/button';
-import { useAppearance } from '@/hooks/use-appearance';
+import { useGuestThemeVariant } from '../lib/guestTheme';
 
 export type CompassAction = {
   key: string;
@@ -39,8 +39,7 @@ export default function CompassHub({
   title = 'Quick jump',
 }: CompassHubProps) {
   const close = () => onOpenChange(false);
-  const { resolved } = useAppearance();
-  const isDark = resolved === 'dark';
+  const { isDark } = useGuestThemeVariant();
   const [visible, setVisible] = React.useState(open);
   const [closing, setClosing] = React.useState(false);