Jak zrobić motyw od zera dla Unity?


66

Chciałbym stworzyć temat od podstaw dla Unity.

Jaka wiedza i informacje / umiejętności są potrzebne? Czy są już dostępne jakieś narzędzia lub szablony do czegoś takiego? Nie mam doświadczenia w Pythonie, więc preferowane są narzędzia nastawione na początkujących.


1
Jak szczegółowe powinno to być? Jakie części motywu potrzebujesz? Ikony? Metacity? GTK + 2 i GTK + 3, w tym specjalne zmiany w aplikacjach (w tym temat na górnym pasku Unity)? Możliwa jest również (choć raczej ograniczona) zmiana wyglądu paska uruchamiania i kreski bez konieczności przeprowadzania poważnej operacji na źródle. ;-)
htorque,

@ htorque Wyobrażam sobie, że powinno to skupić się na samym interfejsie Unity (panel, program uruchamiający, myślnik itp., ... inne rzeczy prawdopodobnie lepiej byłyby omówione w innych pytaniach). Jeśli masz dobry przewodnik, jak to zrobić w 11.10, to idź do niego. :)
Christopher Kyle Horton

Odpowiedzi:


45

Od 10.04 do 11.04

Aby uniknąć problemów z tworzonym motywem, zaczynam od innego motywu, a następnie kopiuję go do nowej nazwy i używam motywu Equinox Evolution Midnight, aby utworzyć nowy motyw, który nazywam Rinzwind . Pozwala to uniknąć błędów, awarii i powiadomień o nieobecności tego tematu.

  • utwórz nowy motyw oparty na innym motywie

Tematy są przechowywane w /usr/share/themes/:

im1

Kroki wykonane na tym zdjęciu:

  • Otwórz terminal i cd /usr/share/themes/
  • sudo mkdir Rinzwind
  • cd Rinzwind
  • sudo cp -R /usr/share/themes/Equinox\ Evolution\ Midnight/* .

Wewnątrz nowego katalogu znajduje się plik o nazwie index.theme, który należy zmienić na nową nazwę motywu. Po wprowadzeniu sudo gedit index.themezmień wszystkie stare nazwy motywów na nowe:

im2

Ciąg, wyszukaj i zamień Equinox Evolution Midnight -> Rinzwind
IconTheme i CursorTheme Zatrzymam na razie, ale edycja tych 2 jest prawie taka sama jak dla tego tematu.

A teraz mamy nową nazwę starego motywu:

im2

  • Tworzenie nowego motywu

W naszym nowym katalogu znajdują się 2 zestawy zdjęć:

im5

im6

Za pomocą edytora obrazów (Gimp) możesz zmieniać kolory lub wykonywać różne czynności na obrazach. Pamiętaj, aby zachować ten sam rozmiar obrazu i oczywiście używać rozsądnych kolorów (trzymaj się jednego koloru i 1 lub 2 odcieni tego koloru, aby stworzyć motyw, a nie coś, co wywołuje u ludzi natychmiastowe bóle głowy).

Odtwórz te 2 katalogi w Picturesfolderze, kopiując motyw do swojego Pictures. Skopiowałem 2 katalogi wewnątrz motywu i w rezultacie usunąłem wszystkie katalogi, które nie są obrazami:

im7

Otwórz wszystkie obrazy w gimpie i zacznij je edytować, a gdy będziesz zadowolony, skopiuj je do katalogu motywu i sprawdź, czy działa. Uwaga: ponieważ motyw jest własnością użytkownika root, musisz użyć sudo, aby go skopiować.


7
Możesz także skopiować motywy do katalogu poniżej ~/.local/share/themes/, aby nie potrzebować uprawnień sudo (i uniknąć ewentualnych problemów z pakietami później) podczas opracowywania nowego motywu.
JanC

32

11.10 i nowsze

Tworzenie motywu dla wersji 11.10 i nowszych (GTK + 3) jest na szczęście bardzo podobne do 11.04 i wcześniejszych wersji Ubuntu, które korzystały z GTK + 2. Ta odpowiedź opiera się na już doskonałej odpowiedzi Rinzwind .

Łatwiej jest zmienić istniejący motyw niż zająć się nim od zera. Ponadto - łatwiej jest edytować motyw we własnym lokalnym folderze domowym - pozwala to uniknąć problemów z uprawnieniami itp.

Stwórzmy nowy motyw o nazwie foss oparty na motywie Ambiance. Oczywiście - jeśli masz zainstalowane inne motywy GTK + 3, skorzystaj z nich (zobacz powiązane pytania i odpowiedzi, gdzie znaleźć motywy)

Motywy instalacyjne są przechowywane w /usr/share/themes/- lokalne motywy są przechowywane w folderze domowym pod nazwą folderu.themes

  • Otwórz terminal
  • Utwórz lokalny folder motywów Fossmkdir -p ~/.themes/foss
  • cp -R /usr/share/themes/Ambiance/* ~/.themes/foss

Wewnątrz nowego folderu znajduje się plik o nazwie index.theme, który należy zmienić na nową nazwę motywu.

gedit ~/.themes/foss/index.theme zmień wszystkie stare nazwy motywów na nowe.

wprowadź opis zdjęcia tutaj

A teraz mamy nową nazwę o nazwie foss :

Edycja nowego motywu

W naszym nowym katalogu znajdują się dwa kluczowe foldery - Unity i gtk-3.0 :

wprowadź opis zdjęcia tutaj

Za pomocą edytora obrazów, takiego jak Pinta lub Gimp, możesz zmieniać kolory lub wykonywać różne czynności na obrazach w tych folderach.

wprowadź opis zdjęcia tutaj

Pamiętaj, aby zachować ten sam rozmiar obrazu i oczywiście używać rozsądnych kolorów (trzymaj się jednego koloru i 1 lub 2 odcieni tego koloru, aby stworzyć motyw ).

Otwórz wszystkie obrazy w Pinta / Gimp i zacznij je edytować, a gdy będziesz zadowolony, skopiuj je do katalogu motywu.

Jednak - główną częścią edycji motywu jest zmiana różnych plików .css w tych folderach (i aplikacjach podfolderu ).

wprowadź opis zdjęcia tutaj

Cascading-Style-Sheets to dobrze zdefiniowany język arkuszy stylów, który zmienia wygląd powiązanych obiektów - w naszym przypadku motyw - ale w równym stopniu dotyczy stron internetowych i dokumentów HTML.

Niewtajemniczeni nie powinni ich edytować - na szczęście istnieje kilka bardzo dobrych narzędzi pozwalających na edycję i podgląd zmian CSS - patrz powiązane pytania poniżej.

Gdy jesteś zadowolony ze swojego motywu - ustaw go za pomocą Ubuntu-Tweak

wprowadź opis zdjęcia tutaj

Niestety nie można zmieniać motywów za pomocą standardowego ekranu Wygląd - motywy są zakodowane na stałe w 11.10 i 12.04.


Powiązane pytania:


Dlaczego nie mogę bezpośrednio zmienić motywu?
Santosh Kumar

1
motywy są ustalone (zakodowane na stałe) na ekranie wyglądu. Jestem pewien, że programiści chcieliby łatki, aby to naprawić. Do tego czasu - użyj myunity, aby zmienić swoje motywy.
fossfreedom

16.04, po wykonaniu instrukcji dotyczących nazwy folderu i wewnątrz pliku .theme, w celu przetestowania zmieniłem na to w pliku .theme, ButtonLayout=minimize,maximize,close:ale to nie zmieni układu przycisków, jakaś wskazówka? Przełączać za pomocą unity tweak tooldziała po włączeniu do adwaita iz powrotem, ale mój zwyczaj motyw nie zmienia nic :(
Wodnik zasilania
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.