> ## Documentation Index
> Fetch the complete documentation index at: https://www.twicecommerce.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Editor storefrontu - Vstupy

> Nastavte barvy, tloušťku rámečku a poloměr rohu vstupních polí formulářů napříč storefrontem.

![Panel nastavení vstupů v editoru storefrontu](https://mintcdn.com/twicecommerce/lZhc_tO8u1u_bL0Q/images/theme-editor-inputs.webp?fit=max\&auto=format\&n=lZhc_tO8u1u_bL0Q\&q=85\&s=fa6ab657475f4f8cebc68fd5ba388428)

Editor storefrontu > Vstupy

Panel Vstupy řídí vzhled textových polí, rozbalovacích nabídek a dalších ovládacích prvků formulářů na vašem storefrontu. Formuláře pokladny, vyhledávací lišta a výběr množství z něj dědí styl.

## Barvy

| Nastavení | Výchozí | Popis |
| - | - | - |
| Pozadí | `#FFFFFF` | Barva výplně vstupních polí. |
| Rámeček | `#E4E6EB` | Barva rámečku kolem vstupních polí ve výchozím stavu. |

## Rámeček

| Nastavení | Typ | Výchozí | Rozsah | Popis |
| - | - | - | - | - |
| Tloušťka | Posuvník | 1 px | 0–4 px | Šířka rámečku kolem vstupních polí. Nastavením na 0 získáte vstupy bez rámečku. |
| Poloměr rohu | Posuvník | 6 px | 0–40 px | Jak zaoblené jsou rohy vstupu. 0 dává ostré rohy. |

## CSS proměnné

```css CSS proměnné theme={null}
:root {
  --storefront-input-background-color: #FFFFFF;
  --storefront-input-border-color: #E4E6EB;
  --storefront-input-border-width: 1px;
  --storefront-input-border-radius: 6px;
}
```

## Související články

> **[Tlačítka](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/buttons.md)**
>
> Nastavte styl tlačítek.

> **[Kalendář](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/calendar.md)**
>
> Přizpůsobte kalendář pro výběr data pronájmu.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.