# Dostosowywanie motywów i kolorów marki | Vodlix **Source:** https://vodlix.com/pl/features/themes-colors-changing **Summary:** Ustaw kolory marki, nagłówek, stopkę i kształt kart raz dla wersji web, TV i mobilnej, z podglądem Twojej strony na żywo. **Publisher:** Vodlix --- ## Motywy i kolory Wystarczy raz ustawić kolory marki, aby zastosować je w sieci, aplikacjach telewizyjnych i na telefonie, z podglądem strony internetowej na żywo podczas pracy. - **Feature Plan:** 2 - back-end - core-platform ## Motywy i kolory: spersonalizuj swoją platformę streamingową raz, a zmiany będą widoczne wszędzie Kolory, nagłówek, stopka, karty i odtwarzacz konfigurowane w jednym miejscu, z podglądem na żywo Twojej strony internetowej. Strona główna serwisu streamingowego w motywie „Ocean” na laptopie i telefonie, obok opcji „Zacznij od wyglądu” w edytorze wyglądu Edytor wyglądu – panel na komputerze stacjonarnym z wybranym motywem „Ocean” oraz podglądem na żywo strony internetowej w tej palecie kolorów ### Jedna definicja marki, brak rozbieżności kolorystycznych Motywy i kolory w Vodlix pozwalają jednorazowo zdefiniować paletę barw marki i automatycznie zastosować ją na całej stronie internetowej, w aplikacjach telewizyjnych oraz mobilnych. Odchylenie od wizerunku marki ma miejsce, gdy kolor jest ustawiany osobno w kilku miejscach i stopniowo się rozbiega, co skutkuje trzema nieco różniącymi się odcieniami czerwieni na całej platformie. W Vodlix kolory, styl nagłówka, stopki, kart oraz odtwarzacza są konfigurowane w jednym miejscu, dzięki czemu aplikacje nie odbiegają od wyglądu strony internetowej. Jedna definicja zapewnia spójność wszystkich elementów w miarę rozwoju platformy. - mx-auto #### Jedna definicja Kolory ustawia się raz, a są one stosowane wszędzie. #### Podgląd na żywo Zobacz, jak wygląda Twoja strona internetowa na bieżąco podczas edycji. #### Kształty kart Orientacja pionowa lub pozioma dla poszczególnych powierzchni. Ustawienie głównego motywu w aplikacji mobilnej z opcjami orientacji pionowej i poziomej obok podglądu aplikacji ### Karty w orientacji pionowej i poziomej dostosowane do poszczególnych ekranów Vodlix pozwala świadomie dobierać kształty kart, ponieważ kształt karty z treścią wpływa na przeglądanie treści w takim samym stopniu, jak kolor. Karty w orientacji poziomej nadają się do telewizji, gdzie przy użyciu pilota wiersze przewijają się w poziomie; karty w orientacji pionowej nadają się do telefonów, gdzie plakat dobrze prezentuje się w pionowej siatce. Możesz ustawić domyślne kształty kart oraz kształty kart wyróżnionych osobno dla każdego ekranu, dzięki czemu każdy z nich wyświetla treści w formacie, który najlepiej do niego pasuje. Wybór układu staje się decyzją wizerunkową marki, a nie przypadkiem. Kolory w aplikacji mobilnej z niestandardowym kolorem marki oraz podgląd na telefonie pokazujący ten sam kolor przycisku odtwarzania przed zapisaniem ### Podgląd na żywo przed zapisaniem Vodlix wyświetla podgląd na żywo Twojej rzeczywistej strony internetowej podczas dostosowywania motywu. Zmiany kolorystyki, nagłówka, stopki i kart są renderowane w oknie podglądu na bieżąco, dzięki czemu widzisz, jak dana zmiana wygląda dla odbiorców, zamiast zgadywać. Ustawienia aplikacji mobilnej mają własny szkic układu ekranu telefonu. Kolory aplikacji telewizyjnej ustawia się w tym samym edytorze, ale nie ma jeszcze podglądu, więc przed wprowadzeniem istotnych zmian na telewizorze w salonie sprawdź je na telewizorze testowym. Edytor niestandardowego CSS dla szablonu Default v2 z krótkim arkuszem stylów i przyciskiem „Aktualizuj” ### Niestandardowy kod CSS do zaawansowanego stylizowania Dla zespołów, które potrzebują więcej niż standardowe elementy sterujące, Vodlix obsługuje niestandardowy kod CSS w ustawieniach motywu. Większość operatorów nigdy nie musi ręcznie pisać kodu stylizacyjnego, ponieważ kolory, układ i karty spełniają typowe wymagania związane z brandingiem. Nieliczni, którzy potrzebują precyzyjnej kontroli nad typografią, odstępami lub konkretnym komponentem, mogą dodać własny kod CSS bez modyfikowania platformy. Niestandardowy kod CSS jest dostępny, gdy jest potrzebny, a gdy nie jest, nie przeszkadza. **Q: Gdzie mogę ustawić kolory marki w serwisie Vodlix?** Kolory marki definiuje się jednorazowo w ustawieniach „Motywy i kolory” serwisu Vodlix, a następnie są one automatycznie stosowane w witrynie internetowej, aplikacjach mobilnych i telewizyjnych, dzięki czemu wszystkie elementy interfejsu wykorzystują tę samą paletę barw. **Q: Czy mogę wyświetlić podgląd zmian motywu przed zapisaniem?** Tak. Vodlix wyświetla podgląd na żywo Twojej strony internetowej podczas dostosowywania kolorów, nagłówków, stopek i kart, a ustawienia aplikacji mobilnej pokazują szkic układu na telefonie. Kolory aplikacji telewizyjnej nie mają jeszcze podglądu, więc sprawdź je na urządzeniu testowym. **Q: Czy mogę używać różnych kształtów kart na różnych urządzeniach?** Tak. Vodlix pozwala osobno ustawiać orientację kart (pionową lub poziomą) dla treści domyślnych i polecanych na każdym ekranie, dzięki czemu plakaty są dostosowane do telefonów, a szerokie karty – do telewizorów. **Q: Dlaczego spójna definicja marki ma znaczenie?** Jednolita definicja eliminuje rozbieżności wizerunkowe. Gdy kolory są definiowane w jednym miejscu, aplikacje nie mogą odbiegać od strony internetowej, dzięki czemu nigdy nie powstają trzy nieco różne wersje czerwieni charakterystycznej dla marki. **Q: Czy mogę dodać niestandardowe elementy stylizacji wykraczające poza standardowe opcje dostosowywania motywu?** Tak. Vodlix obsługuje niestandardowe arkusze CSS w ustawieniach motywów dla zespołów, które potrzebują precyzyjnej kontroli nad typografią, odstępami lub konkretnymi komponentami, bez konieczności modyfikowania samej platformy. **Q: Co zrobić, jeśli kolor mojej marki nie pasuje do ciemnego tła?** To częsty problem, który warto wykryć przed uruchomieniem serwisu, a nie dopiero po nim. Nie chodzi o to, czy strona jest zgodna z wytycznymi marki w świetle dziennym, ale o to, czy ktoś jest w stanie odczytać napis na przycisku na ekranie telewizora o jedenastej w nocy. **Q: Czy mogę napisać własny kod CSS?** Tak, w przypadkach, których nie obejmują standardowe elementy sterujące. Większość usług nigdy tego nie potrzebuje, a te, które tego potrzebują, zazwyczaj wykorzystują tę opcję do konkretnych celów, a nie do wprowadzania zmian na szeroką skalę, więc stanowi ona raczej rozwiązanie alternatywne niż główny sposób postępowania. **Q: Czym różni się to od szablonów niestandardowych?** Szablon to struktura i układ, a wartości marki to ich zastosowanie w ramach tego szablonu. Szablon zmienia się rzadko, natomiast kolory należy aktualizować przy każdej zmianie identyfikacji wizualnej marki – dlatego te elementy są celowo rozdzielone.