From 17ac31267b19435be73e79e0144a61e2f388c902 Mon Sep 17 00:00:00 2001
From: vadim <vadim@appsmith.com>
Date: Fri, 4 Apr 2025 14:08:57 +0200
Subject: [PATCH] chore: Adjust default Anvil/WDS border radius (#40088)

## Description

Fixes #39900

| Before | After |
|--------|--------|
| <img width="746" alt="Screenshot 2025-04-04 at 12 28 54"
src="https://github.com/user-attachments/assets/8e36f87d-8340-4b83-92d4-9e3ff2525f4d"
/> | <img width="707" alt="Screenshot 2025-04-04 at 12 41 51"
src="https://github.com/user-attachments/assets/e786f8e8-0a7e-4a9c-8671-536962622ea2"
/> |

## Automation

/ok-to-test tags="@tag.Sanity"

### :mag: Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!CAUTION]
> If you modify the content in this section, you are likely to disrupt
the CI result for your PR.

<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No
---
 .../design-system/theming/src/token/src/defaultTokens.json      | 2 +-
 app/client/packages/storybook/src/components/ThemeSettings.tsx  | 2 +-
 app/client/src/constants/AppConstants.ts                        | 2 +-
 app/client/src/pages/Editor/WDSThemePropertyPane/constants.ts   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/client/packages/design-system/theming/src/token/src/defaultTokens.json b/app/client/packages/design-system/theming/src/token/src/defaultTokens.json
index 598a1f6efc..993b21a5b1 100644
--- a/app/client/packages/design-system/theming/src/token/src/defaultTokens.json
+++ b/app/client/packages/design-system/theming/src/token/src/defaultTokens.json
@@ -2,7 +2,7 @@
   "seedColor": "#0080ff",
   "colorMode": "light",
   "borderRadiusElevation": {
-    "base": "0px",
+    "base": "8px",
     "1": "calc(var(--border-radius-elevation-base) + var(--outer-spacing-1) * 2)",
     "2": "calc(var(--border-radius-elevation-base) + var(--outer-spacing-1))",
     "3": "var(--border-radius-elevation-base)"
diff --git a/app/client/packages/storybook/src/components/ThemeSettings.tsx b/app/client/packages/storybook/src/components/ThemeSettings.tsx
index 700b27be58..6f997df7f5 100644
--- a/app/client/packages/storybook/src/components/ThemeSettings.tsx
+++ b/app/client/packages/storybook/src/components/ThemeSettings.tsx
@@ -98,8 +98,8 @@ export const ThemeSettings = ({
               size="100%"
               title="Border Radius"
             >
+              <option value="8px">Rounded</option>
               <option value="0px">Sharp</option>
-              <option value="6px">Rounded</option>
               <option value="20px">Pill</option>
             </StyledSelect>
           </Flex>
diff --git a/app/client/src/constants/AppConstants.ts b/app/client/src/constants/AppConstants.ts
index c5d8ede0ae..033bf5180c 100644
--- a/app/client/src/constants/AppConstants.ts
+++ b/app/client/src/constants/AppConstants.ts
@@ -131,7 +131,7 @@ export const defaultThemeSetting: ThemeSetting = {
   fontFamily: "System Default",
   accentColor: "#0080ff",
   colorMode: "LIGHT",
-  borderRadius: "6px",
+  borderRadius: "8px",
   density: 1,
   sizing: 1,
   appMaxWidth: APP_MAX_WIDTH.Large,
diff --git a/app/client/src/pages/Editor/WDSThemePropertyPane/constants.ts b/app/client/src/pages/Editor/WDSThemePropertyPane/constants.ts
index 06da8ef296..c7edc0fc1e 100644
--- a/app/client/src/pages/Editor/WDSThemePropertyPane/constants.ts
+++ b/app/client/src/pages/Editor/WDSThemePropertyPane/constants.ts
@@ -41,7 +41,7 @@ export const THEME_SETTINGS_SIZING_OPTIONS = [
 
 export const THEME_SETTINGS_BORDER_RADIUS_OPTIONS = [
   { label: "Sharp", value: "0px" },
-  { label: "Rounded", value: "6px" },
+  { label: "Rounded", value: "8px" },
   { label: "Pill", value: "20px" },
 ];