[comment]: # ({d1036ff8-d1036ff8})
# 8 Tworzenie własnego motywu

[comment]: # ({/d1036ff8-d1036ff8})

[comment]: # ({cb54c172-cb54c172})
#### Przegląd

Domyślnie Zabbix udostępnia kilka predefiniowanych motywów. Możesz
postępować zgodnie z przedstawioną tutaj procedurą krok po kroku, aby utworzyć
własny motyw. Zachęcamy do podzielenia się efektem swojej pracy ze społecznością Zabbix,
jeśli uda Ci się stworzyć coś ciekawego.

[comment]: # ({/cb54c172-cb54c172})

[comment]: # ({be6afd90-be6afd90})
##### Krok 1

Aby zdefiniować własny motyw, należy utworzyć plik CSS i zapisać go w
folderze `assets/styles/` (na przykład *custom-theme.css*). Można
skopiować pliki z innego motywu i utworzyć swój motyw na ich podstawie
albo zacząć od zera.

[comment]: # ({/be6afd90-be6afd90})

[comment]: # ({34bae249-34bae249})
##### Krok 2

Dodaj swój motyw do listy motywów zwracanych przez metodę APP::getThemes().
Możesz to zrobić, nadpisując metodę ZBase::getThemes() w klasie APP. Można to
zrobić, dodając następujący kod przed zamykającym nawiasem klamrowym w pliku
*include/classes/core/APP.php*:

      public static function getThemes() {
          return array_merge(parent::getThemes(), [
              'custom-theme' => _('Custom theme')
          ]);
      }

::: noteimportant
Zwróć uwagę, że nazwa podana w pierwszej parze cudzysłowów musi odpowiadać
nazwie pliku motywu bez rozszerzenia.
:::

Aby dodać wiele motywów, po prostu wypisz je pod pierwszym motywem, na
przykład:

      public static function getThemes() {
          return array_merge(parent::getThemes(), [
              'custom-theme' => _('Custom theme'),
              'anothertheme' => _('Another theme'),
              'onemoretheme' => _('One more theme')
          ]);
      }

Zwróć uwagę, że każdy motyw oprócz ostatniego musi mieć na końcu przecinek.

::: notetip
Aby zmienić kolory wykresu, wpis musi zostać dodany do tabeli bazy danych
*graph\_theme*.
:::

[comment]: # ({/34bae249-34bae249})

[comment]: # ({b67ccba3-b67ccba3})
##### Krok 3

Aktywuj nowy motyw.

W frontend Zabbix możesz ustawić ten motyw jako domyślny
lub zmienić swój motyw w profilu użytkownika.

Ciesz się nowym wyglądem i stylem!

[comment]: # ({/b67ccba3-b67ccba3})