From a2ddeaacd68303995e3f05f1a88735db9e92e5b4 Mon Sep 17 00:00:00 2001
From: ivorycrayon <ivorycrayon@users.noreply.github.com>
Date: Sun, 24 May 2026 14:37:19 -0700
Subject: [PATCH] style(success): pink anchors the playlist name, not the
 lead-in
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Success view's body p was pink-lead-in / white-playlist-name; flip
to white-lead-in / pink-playlist-name so the pink lands on what the
user actually came here for (the new playlist's name) instead of the
"Your new playlist is in your Spotify library. Look for…" scaffolding.

Parent p moves from text-brand to text-foreground; the inner
playlist-name strong moves from text-foreground to text-brand. The
trailing period inherits the parent's white, which is fine — a period
in a different colour from the name preceding it isn't worth a span.
---
 src/components/picker/SuccessView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/picker/SuccessView.tsx b/src/components/picker/SuccessView.tsx
index 58b55cb..ca4472a 100644
--- a/src/components/picker/SuccessView.tsx
+++ b/src/components/picker/SuccessView.tsx
@@ -41,9 +41,9 @@ export function SuccessView({
           >
             Done.
           </h1>
-          <p className="mt-2 max-w-md text-pretty text-lg text-brand">
+          <p className="mt-2 max-w-md text-pretty text-lg text-foreground">
             Your new playlist is in your Spotify library. Look for{" "}
-            <strong className="font-semibold text-foreground">
+            <strong className="font-semibold text-brand">
               {result.playlistName}
             </strong>
             .