Theme: Increase stroke1 contrast target to 2.9

packages/theme/CHANGELOG.md

@@ -10,6 +10,10 @@
 - Revert React back to v18 [#78940](https://github.com/WordPress/gutenberg/pull/78940).
 -   Drop the experimental `density` support from `ThemeProvider`. The `density` prop has been removed, along with the related `data-wpds-density` attribute and the per-density overrides on `--wpds-dimension-padding-*` / `--wpds-dimension-gap-*` tokens ([#78741](https://github.com/WordPress/gutenberg/pull/78741)).
 
+### Enhancements
+
+-   Increase the contrast target of `stroke1` from `2.6` to `2.9` so that, on the default scale, it lands between `gray100` and `gray200`. This regenerates `stroke1` for every ramp and updates the values of `--wpds-color-stroke-surface-{brand,error,info,success,warning,neutral-weak}` and `--wpds-color-bg-track-neutral-weak` ([#77599](https://github.com/WordPress/gutenberg/pull/77599)).
+
 ## 0.14.0 (2026-05-27)
 
 ### Breaking Changes

packages/theme/src/color-ramps/lib/default-ramps.ts

@@ -22,7 +22,7 @@ export const DEFAULT_RAMPS: Record<
 			stroke3: '#8d8d8d',
 			stroke4: '#6e6e6e',
 			stroke2: '#dbdbdb',
-			stroke1: '#e4e4e4',
+			stroke1: '#f0f0f0',
 			bgFillDark: '#1e1e1e',
 			fgFillDark: '#f0f0f0',
 			bgFillInverted2: '#1e1e1e',
@@ -49,7 +49,7 @@ export const DEFAULT_RAMPS: Record<
 			stroke3: '#3858e9',
 			stroke4: '#2337c8',
 			stroke2: '#9caacc',
-			stroke1: '#a3b1d4',
+			stroke1: '#b0bbd6',
 			bgFillDark: '#1a1e27',
 			fgFillDark: '#eff0f2',
 			bgFillInverted2: '#1a1e27',
@@ -76,7 +76,7 @@ export const DEFAULT_RAMPS: Record<
 			stroke3: '#006bd7',
 			stroke4: '#004fa9',
 			stroke2: '#95b5d9',
-			stroke1: '#9fbcdc',
+			stroke1: '#a9c6e7',
 			bgFillDark: '#1a1f24',
 			fgFillDark: '#eef0f3',
 			bgFillInverted2: '#1a1f24',
@@ -103,7 +103,7 @@ export const DEFAULT_RAMPS: Record<
 			stroke3: '#008030',
 			stroke4: '#006113',
 			stroke2: '#84c08f',
-			stroke1: '#8ac894',
+			stroke1: '#94d29e',
 			bgFillDark: '#1b1f1c',
 			fgFillDark: '#eaf3eb',
 			bgFillInverted2: '#1b1f1c',
@@ -130,7 +130,7 @@ export const DEFAULT_RAMPS: Record<
 			stroke3: '#826a00',
 			stroke4: '#634f00',
 			stroke2: '#bdb17e',
-			stroke1: '#c5b883',
+			stroke1: '#cfc28d',
 			bgFillDark: '#1f1e1b',
 			fgFillDark: '#fdf1bf',
 			bgFillInverted2: '#1f1e1b',
@@ -157,7 +157,7 @@ export const DEFAULT_RAMPS: Record<
 			stroke3: '#926300',
 			stroke4: '#6f4900',
 			stroke2: '#c7ad7e',
-			stroke1: '#d0b481',
+			stroke1: '#e1bc7c',
 			bgFillDark: '#1f1e1b',
 			fgFillDark: '#f7efe2',
 			bgFillInverted2: '#1f1e1b',
@@ -184,7 +184,7 @@ export const DEFAULT_RAMPS: Record<
 			stroke3: '#cc1818',
 			stroke4: '#9d0000',
 			stroke2: '#d39c95',
-			stroke1: '#daa39b',
+			stroke1: '#dab1aa',
 			bgFillDark: '#231c1b',
 			fgFillDark: '#f2efef',
 			bgFillInverted2: '#231c1b',

packages/theme/src/color-ramps/lib/ramp-configs.ts

@@ -139,7 +139,7 @@ export const BG_RAMP_CONFIG: RampConfig = {
 		contrast: {
 			reference: 'stroke3',
 			followDirection: 'opposite',
-			target: 2.6,
+			target: 2.9,
 		},
 		taperChromaOptions: STROKE_TAPER_CHROMA,
 	},