> For the complete documentation index, see [llms.txt](https://docs.morpht.com/convivial-for-govcms/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.morpht.com/convivial-for-govcms/theme-settings/radius-effects-and-sizes.md).

# Radius, effects and sizes

Three small tabs on each skin control the shape of the interface.

## Radius

Sets the corner rounding for four groups of elements. Values are in `rem` (1rem = 16px).

* **Components** — 0–2rem, e.g. `1rem`.
* **Boxes** — images, cards, modals and alerts, 0–1.5rem, e.g. `0.75rem`.
* **Fields** — buttons, inputs, selects and tabs, 0–2rem, e.g. `0.25rem`.
* **Selectors** — checkboxes, toggles and badges, 0–1rem, e.g. `0.5rem`.

![Radius](https://3733701002-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3fBWwpuJPUqPpT2ulMXp%2Fuploads%2Fgit-blob-fa46b2c079b6aca84d0ab25d5204c4bc70eef1b0%2Ftheme-radius.png?alt=media)

## Effects

* **Depth effect** — a subtle 3D depth on fields and selectors.
* **Noise effect** — a fine noise texture on fields and selectors.

![Effects](https://3733701002-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3fBWwpuJPUqPpT2ulMXp%2Fuploads%2Fgit-blob-7aef4d106fb2e9c6e21713f1012f1360a7496c03%2Ftheme-effects.png?alt=media)

## Sizes

* **Fields** — the base size unit for buttons, inputs, selects and tabs.
* **Selectors** — the base size unit for checkboxes, toggles and badges.
* **Border width** — the border width for all components.

![Sizes](https://3733701002-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3fBWwpuJPUqPpT2ulMXp%2Fuploads%2Fgit-blob-d086e67eeebd8998f77af61e5bfdeb0e31b328b7%2Ftheme-sizes.png?alt=media)