Update colour and spacing of follow mode (#3495)

packages/frontend-2/components/viewer/AnchoredPoints.vue

@@ -78,15 +78,11 @@
         (!isEmbedEnabled && spotlightUserSessionId && spotlightUser) ||
         followers.length !== 0
       "
-      class="absolute w-screen z-10 p-1"
-      :class="
-        isEmbedEnabled
-          ? 'h-[calc(100dvh-3.5rem)]'
-          : 'h-[calc(100dvh-3.5rem)] mt-[3.5rem]'
-      "
+      class="absolute w-screen z-10 p-1 h-[calc(100dvh-3rem)]"
+      :class="isEmbedEnabled ? '' : 'mt-[3rem]'"
     >
       <div
-        class="w-full h-full outline -outline-offset-0 outline-8 rounded-md outline-blue-500"
+        class="w-full h-full outline -outline-offset-0 outline-8 rounded-md outline-primary"
       >
         <div class="absolute top-0 left-0 w-full justify-center flex">
           <svg
@@ -96,7 +92,7 @@
             viewBox="0 0 8 8"
             xmlns="http://www.w3.org/2000/svg"
           >
-            <path d="M0 0C4.5 0 8 3.5 8 8V0H0Z" class="fill-blue-500" />
+            <path d="M0 0C4.5 0 8 3.5 8 8V0H0Z" class="fill-primary" />
           </svg>
           <div
             class="pointer-events-auto bg-primary text-white text-xs px-3 h-8 flex items-center rounded-b-md cursor-default"
@@ -131,7 +127,7 @@
             viewBox="0 0 8 8"
             xmlns="http://www.w3.org/2000/svg"
           >
-            <path d="M0 0H8C3.5 0 0 3.5 0 8V0Z" class="fill-blue-500" />
+            <path d="M0 0H8C3.5 0 0 3.5 0 8V0Z" class="fill-primary" />
           </svg>
         </div>
       </div>