diff --git a/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts b/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts index 4013281f9794..844dfb005b76 100644 --- a/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts +++ b/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts @@ -410,8 +410,8 @@ export class DarkModeTheme implements ColorModeTheme { color.oklch.l = 0.22; } - if (this.seedChroma > 0.025) { - color.oklch.c = 0.025; + if (this.seedChroma > 0.005) { + color.oklch.c = 0.005; } if (this.seedIsAchromatic) { @@ -448,7 +448,7 @@ export class DarkModeTheme implements ColorModeTheme { private get bgNeutralSoftHover() { const color = this.bgNeutralSoft.clone(); - color.oklch.l += 0.01; + color.oklch.l += 0.02; return color; } @@ -456,7 +456,7 @@ export class DarkModeTheme implements ColorModeTheme { private get bgNeutralSoftActive() { const color = this.bgNeutralSoft.clone(); - color.oklch.l -= 0.01; + color.oklch.l -= 0.015; return color; } 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 d9573aef541e..4322adead1f2 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 @@ -432,7 +432,7 @@ export class LightModeTheme implements ColorModeTheme { private get bgNeutralSoft() { const color = this.bgNeutralSubtle.clone(); - color.oklch.l -= 0.03; + color.oklch.l -= 0.045; return color; } @@ -440,7 +440,7 @@ export class LightModeTheme implements ColorModeTheme { private get bgNeutralSoftHover() { const color = this.bgNeutralSoft.clone(); - color.oklch.l += 0.01; + color.oklch.l += 0.015; return color; } @@ -448,7 +448,7 @@ export class LightModeTheme implements ColorModeTheme { private get bgNeutralSoftActive() { const color = this.bgNeutralSoft.clone(); - color.oklch.l -= 0.01; + color.oklch.l -= 0.015; return color; }