From aafa1959fd5ad1eed9d767b47557abb54e6ee2f6 Mon Sep 17 00:00:00 2001
From: Vadim Vaitenko <vadim@appsmith.com>
Date: Fri, 28 Mar 2025 10:06:45 +0100
Subject: [PATCH 1/2] Adjust text size in small WDS button

---
 .../widgets/src/components/Button/src/Button.tsx              | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/client/packages/design-system/widgets/src/components/Button/src/Button.tsx b/app/client/packages/design-system/widgets/src/components/Button/src/Button.tsx
index 9682f927a1a3..2d7d76911780 100644
--- a/app/client/packages/design-system/widgets/src/components/Button/src/Button.tsx
+++ b/app/client/packages/design-system/widgets/src/components/Button/src/Button.tsx
@@ -36,7 +36,7 @@ const _Button = (props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>) => {
               data-text=""
               fontWeight={500}
               lineClamp={1}
-              size={size === "xSmall" ? "footnote" : "body"}
+              size={size === "xSmall" || size === "small" ? "caption" : "body"}
             >
               {children}
             </Text>
@@ -48,7 +48,7 @@ const _Button = (props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>) => {
           {!Boolean(children) && (
             <Text
               data-empty-text=""
-              size={size === "xSmall" ? "footnote" : "body"}
+              size={size === "xSmall" || size === "small" ? "caption" : "body"}
             >
               &#8203;
             </Text>

From c0ce65e3b5fdaf15649831e2d7f5873a77170880 Mon Sep 17 00:00:00 2001
From: Vadim Vaitenko <vadim@appsmith.com>
Date: Fri, 28 Mar 2025 10:29:40 +0100
Subject: [PATCH 2/2] Adjust WDS subtle borders

---
 .../design-system/theming/src/color/src/LightModeTheme.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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 de7882268e5b..308b3b288b27 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
@@ -990,7 +990,7 @@ export class LightModeTheme implements ColorModeTheme {
     // Slightly subtler version of accent border, used in outlined buttons
     const color = this.bdAccent.clone();
 
-    color.oklch.l += 0.35;
+    color.oklch.l += 0.42;
 
     return color;
   }
@@ -1053,7 +1053,7 @@ export class LightModeTheme implements ColorModeTheme {
     // Slightly subtler version of neutral border, used in outlined buttons
     const color = this.bdNeutral.clone();
 
-    color.oklch.l += 0.35;
+    color.oklch.l += 0.47;
 
     return color;
   }
@@ -1095,7 +1095,7 @@ export class LightModeTheme implements ColorModeTheme {
   }
 
   private get bdPositiveSubtle() {
-    // Slightly subtler version of negative border, used in outlined buttons
+    // Slightly subtler version of positive border, used in outlined buttons
     const color = this.bdPositive.clone();
 
     color.oklch.l += 0.07;
@@ -1190,7 +1190,7 @@ export class LightModeTheme implements ColorModeTheme {
     // Slightly subtler version of warning border, used in outlined buttons
     const color = this.bdWarning.clone();
 
-    color.oklch.l += 0.05;
+    color.oklch.l += 0.06;
     color.oklch.c -= 0.05;
 
     return color;