diff --git a/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts b/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts index 5840db599d..dfcf36aa3a 100644 --- a/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts +++ b/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts @@ -413,7 +413,7 @@ export class LightModeTheme implements ColorModeTheme { } if (!this.seedIsVeryLight) { - color.oklch.l = 0.97; + color.oklch.l = 0.975; } if (this.seedChroma > 0.002) { @@ -785,7 +785,7 @@ export class LightModeTheme implements ColorModeTheme { private get fgNeutralSubtle() { const color = this.fgNeutral.clone(); - color.oklch.l += 0.12; + color.oklch.l += 0.1; return color; } diff --git a/app/client/packages/design-system/theming/src/color/tests/LightModeTheme.test.ts b/app/client/packages/design-system/theming/src/color/tests/LightModeTheme.test.ts index da4a6f7557..861c1199d3 100644 --- a/app/client/packages/design-system/theming/src/color/tests/LightModeTheme.test.ts +++ b/app/client/packages/design-system/theming/src/color/tests/LightModeTheme.test.ts @@ -358,7 +358,7 @@ describe("bgNeutralSubtle color", () => { "oklch(0.92 0.03 170)", ).getColors(); - expect(bgNeutralSubtle).toEqual("rgb(95.592% 96.251% 95.981%)"); + expect(bgNeutralSubtle).toEqual("rgb(96.247% 96.906% 96.636%)"); }); it("should return correct color when seedChroma > 0.01", () => { @@ -366,7 +366,7 @@ describe("bgNeutralSubtle color", () => { "oklch(0.92 0.1 170)", ).getColors(); - expect(bgNeutralSubtle).toEqual("rgb(95.592% 96.251% 95.981%)"); + expect(bgNeutralSubtle).toEqual("rgb(96.247% 96.906% 96.636%)"); }); it("should return correct color when chroma < 0.04", () => { @@ -374,7 +374,7 @@ describe("bgNeutralSubtle color", () => { "oklch(0.92 0.03 170)", ).getColors(); - expect(bgNeutralSubtle).toEqual("rgb(95.592% 96.251% 95.981%)"); + expect(bgNeutralSubtle).toEqual("rgb(96.247% 96.906% 96.636%)"); }); }); @@ -384,7 +384,7 @@ describe("bgNeutralSubtleHover color", () => { "oklch(0.92 0.1 170)", ).getColors(); - expect(bgNeutralSubtleHover).toEqual("rgb(97.164% 97.825% 97.554%)"); + expect(bgNeutralSubtleHover).toEqual("rgb(97.82% 98.482% 98.21%)"); }); }); @@ -394,7 +394,7 @@ describe("bgNeutralSubtleActive color", () => { "oklch(0.92 0.1 170)", ).getColors(); - expect(bgNeutralSubtleActive).toEqual("rgb(94.286% 94.944% 94.674%)"); + expect(bgNeutralSubtleActive).toEqual("rgb(94.939% 95.597% 95.327%)"); }); }); @@ -692,7 +692,7 @@ describe("fgNeutralSubtle color", () => { "oklch(0.45 0.03 60)", ).getColors(); - expect(fgNeutralSubtle).toEqual("rgb(43.337% 43.337% 43.337%)"); + expect(fgNeutralSubtle).toEqual("rgb(41.086% 41.086% 41.086%)"); }); });