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" > + - 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" }, ];