From ac6c9659d82547f34a9e20bda13f12f399daa8f4 Mon Sep 17 00:00:00 2001
From: Dylan Audius <dylan@audius.co>
Date: Thu, 22 Oct 2026 12:17:30 -0700
Subject: [PATCH] design(tokens): soften Neue borders and restore the page/card
 step

Tokens v2 put white cards on a white page with darker borders, so on
screens that still use bordered tiles every card read as an outline.

- Light: page background #F7F7F9 so cards separate by surface again;
  border.default (n100) #D4D4DC -> #E4E4EA.
- Dark: border.default (n100) #34343C -> #2A2A31.

Text contrast is unchanged and still AA on the new page color.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 packages/harmony/src/foundations/color/primitive.css | 6 +++---
 packages/harmony/src/foundations/color/primitive.ts  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/harmony/src/foundations/color/primitive.css b/packages/harmony/src/foundations/color/primitive.css
index 20e38cda31e..35403aa369b 100644
--- a/packages/harmony/src/foundations/color/primitive.css
+++ b/packages/harmony/src/foundations/color/primitive.css
@@ -246,7 +246,7 @@ html[data-theme='default-light'] {
   --harmony-neutral: #16161a;
   --harmony-n-25: #f5f5f7;
   --harmony-n-50: #ececf0;
-  --harmony-n-100: #d4d4dc;
+  --harmony-n-100: #e4e4ea;
   --harmony-n-150: #c4c4cc;
   --harmony-n-200: #a8a8b2;
   --harmony-n-300: #6b6b75;
@@ -259,7 +259,7 @@ html[data-theme='default-light'] {
   --harmony-n-950: #0b0b0e;
   /* Special Colors */
   --harmony-white: #ffffff;
-  --harmony-background: #ffffff;
+  --harmony-background: #f7f7f9;
   --harmony-blue: #6a52e0;
   --harmony-orange: #b45309;
   --harmony-red: #dc2626;
@@ -299,7 +299,7 @@ html[data-theme='default-dark'] {
   --harmony-neutral: #f2f2f5;
   --harmony-n-25: #141418;
   --harmony-n-50: #1c1c21;
-  --harmony-n-100: #34343c;
+  --harmony-n-100: #2a2a31;
   --harmony-n-150: #42424b;
   --harmony-n-200: #55555f;
   --harmony-n-300: #85858f;
diff --git a/packages/harmony/src/foundations/color/primitive.ts b/packages/harmony/src/foundations/color/primitive.ts
index e3e9e0d79a6..b4affcf2142 100644
--- a/packages/harmony/src/foundations/color/primitive.ts
+++ b/packages/harmony/src/foundations/color/primitive.ts
@@ -31,7 +31,7 @@ const defaultLightPrimitives = {
   neutral: {
     n25: '#F5F5F7',
     n50: '#ECECF0',
-    n100: '#D4D4DC',
+    n100: '#E4E4EA',
     n150: '#C4C4CC',
     n200: '#A8A8B2',
     n300: '#6B6B75',
@@ -46,7 +46,7 @@ const defaultLightPrimitives = {
     neutral: '#16161A'
   },
   special: {
-    background: '#FFFFFF',
+    background: '#F7F7F9',
     blue: '#6A52E0',
     darkRed: '#B91C1C',
     glassOverlay: '#FFFFFFC7',
@@ -102,7 +102,7 @@ const defaultDarkPrimitives = {
   neutral: {
     n25: '#141418',
     n50: '#1C1C21',
-    n100: '#34343C',
+    n100: '#2A2A31',
     n150: '#42424B',
     n200: '#55555F',
     n300: '#85858F',