# Kapcsoló - Mód elem

> A Kapcsoló - Mód elem: világos és sötét mód közötti váltás a látogatói oldalon, ikonok és hozzáférhetőség.

A **Kapcsoló - Mód** elem a látogatóknak lehetővé teszi, hogy a látogatói oldalon váltsanak a világos és a sötét színmód között.

Az elem a színkezelőben megadott sötét változatokra épül. Ha egyetlen színhez sincs sötét mód bekapcsolva, a sablonkészítő eszköztárában nem jelenik meg a nap/hold ikon, és a látogatói oldalon sincs mit váltani.

Az elem egy gombot rajzol két ikonnal (világos és sötét), és a stílusok az aktív módhoz tartozó ikont mutatják.

![A Kapcsoló - Mód elem beállításai a szerkesztőben](./kepek/elemek-4-toggle-mode.webp)

*A Kapcsoló - Mód elem beállításai a szerkesztőben* (https://minta-bolt.hu/elemek/?bricks=run)

A képen a tájékoztató szöveg, a **Mód: Világos** és a **Mód: Sötét** csoport látszik. A tájékoztató szerint a szerkesztőben az eszköztár nap/hold ikonjával válthatsz a módok között, ha a színkezelőben legalább egy színhez be van kapcsolva a sötét mód.

## Beállítások

### Mód: Világos

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Ikon** | Egyedi ikon a világos módhoz. Ha üres, a beépített grafika jelenik meg. | Beépített |
| **Szín** | A világos mód ikonjának színe. | rgb(54, 54, 54) |
| **Méret** | Az ikon mérete. | 15px |

### Mód: Sötét

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Ikon Sötét** | Egyedi ikon a sötét módhoz. Ha üres, a beépített grafika jelenik meg. | Beépített |
| **Szín** | A sötét mód ikonjának színe. | rgb(54, 54, 54) |
| **Méret** | Az ikon mérete. | 15px |

### Hozzáférhetőség

Az `aria-label` mező a gomb képernyőolvasónak szánt felirata. Ha üres, az alapérték „Toggle mode”.