Updates the large login buttons to the new purple style

Author: samejr

apps/webapp/app/routes/login._index/route.tsx

@@ -1,7 +1,7 @@
 import { EnvelopeIcon } from "@heroicons/react/20/solid";
 import type { LoaderFunctionArgs, MetaFunction } from "@remix-run/node";
 import { Form } from "@remix-run/react";
-import { GitHubDarkIcon } from "@trigger.dev/companyicons";
+import { GitHubLightIcon } from "@trigger.dev/companyicons";
 import { redirect, typedjson, useTypedLoaderData } from "remix-typedjson";
 import { LoginPageLayout } from "~/components/LoginPageLayout";
 import { Button, LinkButton } from "~/components/primitives/Buttons";
@@ -89,13 +89,13 @@ export default function LoginPage() {
                   fullWidth
                   data-action="continue with github"
                 >
-                  <GitHubDarkIcon className={"mr-2 size-5"} />
-                  <span className="text-charcoal-900">Continue with GitHub</span>
+                  <GitHubLightIcon className={"mr-2 size-5"} />
+                  <span className="text-text-bright">Continue with GitHub</span>
                 </Button>
               )}
               <LinkButton
                 to="/login/magic"
-                variant="tertiary/extra-large"
+                variant="secondary/extra-large"
                 fullWidth
                 data-action="continue with email"
                 className="text-text-bright"

apps/webapp/app/routes/login.magic/route.tsx

@@ -175,14 +175,14 @@ export default function LoginMagicLinkPage() {
                   data-action="send a magic link"
                 >
                   {isLoading ? (
-                    <Spinner className="mr-2 size-5 text-background-dimmed" color="dark" />
+                    <Spinner className="mr-2 size-5" color="white" />
                   ) : (
-                    <EnvelopeIcon className="mr-2 size-5 text-background-dimmed" />
+                    <EnvelopeIcon className="mr-2 size-5 text-text-bright" />
                   )}
                   {isLoading ? (
-                    <span className="text-background-dimmed">Sending…</span>
+                    <span className="text-text-bright">Sending…</span>
                   ) : (
-                    <span className="text-background-dimmed">Send a magic link</span>
+                    <span className="text-text-bright">Send a magic link</span>
                   )}
                 </Button>
                 {magicLinkError && <FormError>{magicLinkError}</FormError>}