Futurystyczny Wygląd n8n - Jak Zmienić Interfejs w 5 Minut

Damian Ślimak , 2025-12-26

n8napi

Futurystyczny n8n

Dlaczego Twój n8n Wygląda Jak z 2010 Roku?

Od publikacji pierwszego filmu na youtbue z nowym wyglądem n8n dostaje pytania: “Damian, dlaczego Twój n8n wygląda inaczej ?”

Odpowiedź jest prosta - wtyczka Stylus + 2 minuty pracy.

Niestety screenshoty nie oddają pełni uroku, bo mam animowane połączenia między nodami. Musisz to zobaczyć na żywo.

Krok 1: Zainstaluj Stylus

Potrzebujesz wtyczki, która podmienia CSS na stronie.

Chrome/Edge: Stylus
Firefox: Szukaj “Stylus” w dodatku Firefox

Instalacja = 1 kliknięcie. Zero kombinowania.

Instalacja Stylus

Krok 2: Wklej Gotowy Styl

  1. Otwórz swoje n8n
  2. Kliknij ikonę Stylus w pasku przeglądarki
  3. Wybierz “Write style for: [twoja-domena]”
  4. Wklej kod CSS (link poniżej)
  5. Zapisz (Ctrl+S)

Gotowe. Twój n8n wygląda teraz jak z NASA.

Edycja stylu w Stylus

Chcesz Własne Kolory?

Mój styl używa:

Wystarczy zmienić wartości HEX w kodzie CSS:

/* Znajdź linijkę z kolorem */
--primary-color: #7c3aed;  /* Twój kolor */
--accent-color: #ff8154;   /* Twój akcent */

Dołącz do Społeczności NawiSEO

Automatyzacja to przyszłość. W naszej społeczności dzielimy się gotowymi scenariuszami, wiedzą i wsparciem. Dołącz do nas, aby nie przegapić kolejnych materiałów i mieć dostęp do ekspertów.