Unifies the test icon colors

Author: samejr

apps/webapp/app/components/runs/v3/TaskRunsTable.tsx

@@ -668,6 +668,7 @@ function BlankState({
             to={testPath}
             variant="tertiary/medium"
             LeadingIcon={BeakerIcon}
+            leadingIconClassName="text-tests"
             className="inline-flex"
           >
             Create a test run
@@ -703,7 +704,12 @@ function BlankState({
             Refresh
           </Button>
           <Paragraph>or</Paragraph>
-          <LinkButton LeadingIcon={BeakerIcon} variant="tertiary/medium" to={testPath}>
+          <LinkButton
+            LeadingIcon={BeakerIcon}
+            leadingIconClassName="text-tests"
+            variant="tertiary/medium"
+            to={testPath}
+          >
             Run a test
           </LinkButton>
         </div>

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

@@ -1,10 +1,10 @@
 import {
-  BeakerIcon,
   BookOpenIcon,
   ChevronDownIcon,
   ChevronUpIcon,
   ExclamationTriangleIcon,
 } from "@heroicons/react/20/solid";
+import { BeakerIcon } from "~/assets/icons/BeakerIcon";
 import { type MetaFunction } from "@remix-run/node";
 import { useRevalidator } from "@remix-run/react";
 import { type LoaderFunctionArgs } from "@remix-run/server-runtime";
@@ -328,7 +328,7 @@ export default function Page() {
                                 <LinkButton
                                   variant="minimal/small"
                                   LeadingIcon={BeakerIcon}
-                                  leadingIconClassName="text-text-bright"
+                                  leadingIconClassName="-mx-2.5 text-text-bright"
                                   to={testPath}
                                 >
                                   Test

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

@@ -311,7 +311,7 @@ function AgentDetailSidebar({
                 to={playgroundPath}
                 LeadingIcon={BeakerIcon}
                 iconSpacing="gap-x-2"
-                leadingIconClassName="-mx-2"
+                leadingIconClassName="-mx-2 text-tests"
               >
                 Test
               </LinkButton>

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

@@ -354,7 +354,7 @@ export default function AgentsPage() {
                                     agent.slug
                                   )}
                                   title="Test"
-                                  leadingIconClassName="text-playgrounds"
+                                  leadingIconClassName="text-tests"
                                 />
                               </>
                             }

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

@@ -391,7 +391,7 @@ function RunTaskInstructions({ task }: { task?: { slug: string } }) {
           }
           variant="secondary/medium"
           LeadingIcon={BeakerIcon}
-          leadingIconClassName="text-lime-500"
+          leadingIconClassName="text-tests"
           className="inline-flex"
         >
           Test

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.tasks.scheduled.$taskParam/route.tsx

@@ -161,7 +161,12 @@ export default function Page() {
           }
         />
         <PageAccessories>
-          <LinkButton variant="secondary/small" to={testPath} LeadingIcon={BeakerIcon}>
+          <LinkButton
+            variant="secondary/small"
+            to={testPath}
+            LeadingIcon={BeakerIcon}
+            leadingIconClassName="text-tests"
+          >
             Test scheduled task
           </LinkButton>
         </PageAccessories>

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.tasks.standard.$taskParam/route.tsx

@@ -225,7 +225,7 @@ function TaskDetailSidebar({ task, testPath }: { task: TaskDetail; testPath: str
                 to={testPath}
                 LeadingIcon={BeakerIcon}
                 iconSpacing="gap-x-1"
-                leadingIconClassName="-mx-1.5"
+                leadingIconClassName="-mx-1.5 text-tests"
               >
                 Test task
               </LinkButton>

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx

@@ -880,6 +880,7 @@ function StandardTaskForm({
             type="submit"
             variant="primary/medium"
             LeadingIcon={BeakerIcon}
+            leadingIconClassName="text-tests"
             shortcut={{ key: "enter", modifiers: ["mod"], enabledOnInputElements: true }}
             name="formAction"
             value={"run-standard" satisfies FormAction}
@@ -1457,6 +1458,7 @@ function ScheduledTaskForm({
             type="submit"
             variant="primary/medium"
             LeadingIcon={BeakerIcon}
+            leadingIconClassName="text-tests"
             shortcut={{ key: "enter", modifiers: ["mod"], enabledOnInputElements: true }}
             name="formAction"
             value={"run-scheduled" satisfies FormAction}

apps/webapp/tailwind.config.js

@@ -167,7 +167,7 @@ const concurrency = colors.amber[500];
 const limits = colors.purple[500];
 const regions = colors.green[500];
 const logs = colors.pink[500];
-const tests = colors.teal[500];
+const tests = colors.pink[500];
 const apiKeys = colors.amber[500];
 const environmentVariables = colors.pink[500];
 const alerts = colors.red[500];