diff --git a/packages/rsc/e2e/basic.test.ts b/packages/rsc/e2e/basic.test.ts
index e16cee2ec..9f17288cf 100644
--- a/packages/rsc/e2e/basic.test.ts
+++ b/packages/rsc/e2e/basic.test.ts
@@ -562,12 +562,12 @@ function defineTest(f: Fixture) {
     await expect(page.locator(".test-tw-client")).toHaveCSS(
       "color",
       // blue-500
-      "oklch(0.623 0.214 259.815)",
+      "rgb(0, 0, 255)",
     );
     await expect(page.locator(".test-tw-server")).toHaveCSS(
       "color",
       // red-500
-      "oklch(0.637 0.237 25.331)",
+      "rgb(255, 0, 0)",
     );
   }
 
@@ -582,27 +582,27 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page);
 
       const clientFile = f.createEditor("src/routes/client.tsx");
-      clientFile.edit((s) => s.replaceAll("text-blue-500", "text-blue-600"));
+      clientFile.edit((s) => s.replaceAll("text-[#00f]", "text-[#88f]"));
       await expect(page.locator(".test-tw-client")).toHaveCSS(
         "color",
-        "oklch(0.546 0.245 262.881)",
+        "rgb(136, 136, 255)",
       );
       clientFile.reset();
       await expect(page.locator(".test-tw-client")).toHaveCSS(
         "color",
-        "oklch(0.623 0.214 259.815)",
+        "rgb(0, 0, 255)",
       );
 
       const serverFile = f.createEditor("src/routes/root.tsx");
-      serverFile.edit((s) => s.replaceAll("text-red-500", "text-red-600"));
+      serverFile.edit((s) => s.replaceAll("text-[#f00]", "text-[#f88]"));
       await expect(page.locator(".test-tw-server")).toHaveCSS(
         "color",
-        "oklch(0.577 0.245 27.325)",
+        "rgb(255, 136, 136)",
       );
       serverFile.reset();
       await expect(page.locator(".test-tw-server")).toHaveCSS(
         "color",
-        "oklch(0.637 0.237 25.331)",
+        "rgb(255, 0, 0)",
       );
     });
 
diff --git a/packages/rsc/examples/basic/src/routes/client.tsx b/packages/rsc/examples/basic/src/routes/client.tsx
index 8fb2d204f..fa069a8fb 100644
--- a/packages/rsc/examples/basic/src/routes/client.tsx
+++ b/packages/rsc/examples/basic/src/routes/client.tsx
@@ -36,7 +36,7 @@ export function TestStyleClient() {
 }
 
 export function TestTailwindClient() {
-  return <div className="test-tw-client text-blue-500">test-tw-client</div>;
+  return <div className="test-tw-client text-[#00f]">test-tw-client</div>;
 }
 
 export function TestTemporaryReference(props: {
diff --git a/packages/rsc/examples/basic/src/routes/root.tsx b/packages/rsc/examples/basic/src/routes/root.tsx
index 7dfc20e9c..bb1b5e750 100644
--- a/packages/rsc/examples/basic/src/routes/root.tsx
+++ b/packages/rsc/examples/basic/src/routes/root.tsx
@@ -64,7 +64,7 @@ export function Root(props: { url: URL }) {
           )}
         </div>
         <TestTailwindClient />
-        <div className="test-tw-server text-red-500">test-tw-server</div>
+        <div className="test-tw-server text-[#f00]">test-tw-server</div>
         <TestTemporaryReference
           action={async (node: React.ReactNode) => {
             "use server";
diff --git a/packages/rsc/playwright.config.ts b/packages/rsc/playwright.config.ts
index e5fef3f06..7de224e24 100644
--- a/packages/rsc/playwright.config.ts
+++ b/packages/rsc/playwright.config.ts
@@ -28,5 +28,7 @@ export default defineConfig({
   ],
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
-  reporter: process.env.CI ? "github" : "list",
+  reporter: ["list", process.env.CI && "github"]
+    .filter(Boolean)
+    .map((name) => [name] as any),
 }) as any;