Skip to content
Global styles › Manage or edit a theme › Configuring Next Experience with Theme Builder › Working with themes › Configure › Next Experience UI › Configure UIs and portals › Configure user experiences
Release: Australia · Updated: 2026-03-12 · Official documentation · View source

Edit corner shapes

Edit and change the corner shapes applied globally to components such as buttons, modals, and drop-down menus throughout your Theme Builder theme.

Before you begin

Role required: ui_builder_admin

For information on granular roles, see Granular admin roles.

Procedure

  1. Navigate to All > Now Experience Framework > Theme Builder.

    The Theme Builder landing page appears in the Home page view.

  2. Use the Page drop-down list to select the Editor page view.

Image omitted: tb-editor-page-list.png
Page drop-down list with Editor selected.

  1. From the Theme drop-down list, select the theme that you want to edit.

    The Global styles tab opens automatically with the Overview panel displayed.

Image omitted: tb-editor-page-view.png
Example view of the Editor page.
  1. From the Overview panel, navigate to the Shape section and select the current shape listed in the Corners field.
Image omitted: tb-overview-shape.png
Overview panel Shape section.
**Note:** You can also change the shape directly from the Shape panel.
Image omitted: tb-shape-panel.png
Global styles Shape panel.
  1. Select a new corner shape from the list of predefined shapes.
Image omitted: tb-pick-corner-shape-modal.png
Pick a corner shape modal with Most rounded selected.
**Note:** Use the preview pane within the modal to view how the components look for each corner shape you select.
  1. Select Save.

Result

If your theme is published, your edits are visible to users who have your theme applied on refresh. For information on publishing your theme, see Publish your themes with Theme Builder.

Parent Topic:Working with Global styles