fix(webapp): primary popover trigger keeps white ink on the light theme

Author: kathiekiwi

apps/webapp/app/components/primitives/Popover.tsx

@@ -212,10 +212,12 @@ const popoverArrowTriggerVariants = {
     icon: "text-text-dimmed group-hover:text-text-bright",
   },
   primary: {
+    // White ink, not text-bright: indigo is theme-stable, and text-bright flips
+    // dark on the light theme.
     trigger:
-      "bg-indigo-600 border border-indigo-500 text-text-bright hover:bg-indigo-500 hover:border-indigo-400 disabled:opacity-50 disabled:pointer-events-none",
-    text: "text-text-bright hover:text-white",
-    icon: "text-text-bright",
+      "bg-indigo-600 border border-indigo-500 text-white hover:bg-indigo-500 hover:border-indigo-400 disabled:opacity-50 disabled:pointer-events-none",
+    text: "text-white",
+    icon: "text-white",
   },
   secondary: {
     trigger:

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors.$fingerprint/route.tsx

@@ -830,7 +830,7 @@ function ErrorStatusDropdown({
     <>
       <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>
         <PopoverArrowTrigger variant="primary" disabled={isSubmitting} className="items-center">
-          <IconCircleDotted className="-ml-1 mr-1 size-3.5 text-text-bright" />
+          <IconCircleDotted className="-ml-1 mr-1 size-3.5 text-white" />
           Mark error as…
         </PopoverArrowTrigger>
         <PopoverContent className="inline-flex min-w-0! flex-col p-1" align="end">