> ## 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 - Záhlaví

> Přizpůsobte barvy pozadí, textu, ikon a rámečku záhlaví storefrontu.

![Panel motivu pro záhlaví](https://mintcdn.com/twicecommerce/5ARkyCTk5wMAizBn/images/theme-editor-header-bar.webp?fit=max\&auto=format\&n=5ARkyCTk5wMAizBn\&q=85\&s=dda87413fb67132aa4a29c6c8a0e3769)

Panel Záhlaví řídí barvy záhlaví storefrontu, horní navigační oblasti obsahující logo, menu, košík a ikony účtu.

## Barvy

| Nastavení | Dědí z | Výchozí | Popis |
| - | - | - | - |
| Pozadí | Globální pozadí | `#FFFFFF` | Barva výplně pozadí záhlaví. |
| Text | Globální text | `#111826` | Barva textu navigačních odkazů a názvu obchodu. |
| Ikona | - | `#111826` | Ikony košíku, účtu a menu. Vždy explicitní hodnota, nedědí. |
| Rámeček | Globální rámeček | `#E4E6EB` | Spodní rámeček oddělující záhlaví od obsahu stránky. |

### Dědičnost

Pozadí, Text a Rámeček ve výchozím stavu dědí svou hodnotu z odpovídající globální barvy na panelu [Barvy](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/colors.md). Nastavením hodnoty přepíšete globální barvu jen pro záhlaví.

Barva ikony je nezávislá, vždy má explicitní hodnotu a nedědí se z globální barvy.

### Reset

Kliknutím na **Obnovit** na panelu Záhlaví obnovíte všechna čtyři nastavení na výchozí hodnoty. Pozadí, Text a Rámeček se vrátí k dědění globálních barev. Ikona se vrátí na `#111826`.

## CSS proměnné

Každá barva záhlaví odpovídá CSS proměnné, na kterou se můžete odkázat v části [Vlastní CSS](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/custom-css.md):

```css CSS proměnné theme={null}
:root {
  --storefront-header-background-color: #FFFFFF;
  --storefront-header-text-color: #111826;
  --storefront-header-icon-color: #111826;
  --storefront-header-border-color: #E4E6EB;
}
```

> [!NOTE]
>
> CSS proměnné vždy vrací výslednou hodnotu. Pokud nastavení dědí z globální barvy, proměnná odráží aktuální globální hodnotu, nikoli `null` nebo prázdnou hodnotu.

## Související články

> **[Barvy](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/colors.md)**
>
> Definujte globální barevnou paletu, ze které nastavení záhlaví dědí.

> **[Vlastní CSS](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/custom-css.md)**
>
> Přepište libovolný styl vlastním CSS.


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