fix(webapp): use white text on solid indigo backgrounds in light mode

The primary PopoverArrowTrigger variant and the calendar's selected-day
state used the theme-flipping `text-text-bright` token on a solid
`bg-indigo-600` background. In light mode that token resolves to near-black,
so the label sat as dark grey on indigo and was hard to read.

Hardcode `text-white` on these solid indigo surfaces, matching the
established pattern in Buttons.tsx.

Co-Authored-By: Claude <noreply@anthropic.com>

Author: claude

.server-changes/fix-light-mode-contrast-on-indigo-buttons.md

@@ -0,0 +1,6 @@
+---
+area: webapp
+type: fix
+---
+
+Fix unreadable dark text in light mode on the "Mark error as…" button and on selected dates in date pickers — both now use white text on their blue background.

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

@@ -104,7 +104,7 @@ export function Calendar({
         range_start: "day-range-start rounded-l-md",
         range_end: "day-range-end rounded-r-md",
         selected:
-          "bg-indigo-600 text-text-bright hover:bg-indigo-600 hover:text-text-bright focus:bg-indigo-600 focus:text-text-bright rounded-md",
+          "bg-indigo-600 text-white hover:bg-indigo-600 hover:text-white focus:bg-indigo-600 focus:text-white rounded-md",
         today: "bg-background-raised text-text-bright rounded-md",
         outside:
           "day-outside text-text-dimmed opacity-50 aria-selected:bg-background-raised/50 aria-selected:text-text-dimmed aria-selected:opacity-30",

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

@@ -213,9 +213,9 @@ const popoverArrowTriggerVariants = {
   },
   primary: {
     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

@@ -801,7 +801,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">