> ## 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 - Tlačítka

> Nastavte barvy, tloušťku rámečku a poloměr rohu hlavních a vedlejších tlačítek napříč storefrontem.

![Panel nastavení tlačítek v editoru storefrontu](https://mintcdn.com/twicecommerce/lZhc_tO8u1u_bL0Q/images/theme-editor-buttons.webp?fit=max\&auto=format\&n=lZhc_tO8u1u_bL0Q\&q=85\&s=0b977376d40ef02a87e71daf06fef8fe)

Editor storefrontu > Tlačítka

Panel Tlačítka řídí vzhled hlavních (plných) a vedlejších (obrysových) tlačítek napříč storefrontem. Tlačítka přidat do košíku, pokladna i navigační tlačítka z něj dědí styl.

## Barvy

| Nastavení | Výchozí | Popis |
| - | - | - |
| Pozadí | `#212121` | Barva výplně hlavních tlačítek. |
| Text | `#FFFFFF` | Barva textu uvnitř hlavních tlačítek. |
| Tlačítko s obrysem | `#212121` | Barva rámečku a textu vedlejších (obrysových) tlačítek. |

## Rámeček

| Nastavení | Typ | Výchozí | Rozsah | Popis |
| - | - | - | - | - |
| Tloušťka | Posuvník | 1 px | 0–4 px | Šířka rámečku na všech tlačítkách. Nastavením na 0 rámeček odstraníte. |
| Poloměr rohu | Posuvník | 6 px | 0–40 px | Jak zaoblené jsou rohy tlačítka. 0 dává ostré rohy, vyšší hodnoty vytváří tlačítka ve tvaru pilulky. |

## CSS proměnné

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

## Související články

> **[Vstupy](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/inputs.md)**
>
> Nastavte styl polí formuláře.

> **[Barvy](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/colors.md)**
>
> Definujte barevnou paletu storefrontu.


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