Sublime Text 3 – Motywy. Instalacja oraz 3 najlepsze przykłady!

Jednym z pierwszych wpisów na tym blogu okazał się artykuł o trzech według mnie najlepszych edytorach tekstowych. Ten post dotyczy jednego z nich, czyli Sublime Text 3. Pokażę dziś w jaki sposób instaluje się w nim motywy oraz przedstawię 3 najciekawsze i najbardziej dopracowane przykłady. Zaczynajmy! 🙂


Jak zainstalować motyw?

Niestety nie jest to tak proste, jak w przypadku innych edytorów. Pierwsze, co musimy zrobić, to dołączyć do Sublime’a tzw. Package Control, który pozwala na instalacje wszelkich dodatków, takich jak właśnie motywy, lub wtyczki. Wchodzimy na tę stronę, wybieramy wersję naszego edytora i kopiujemy podany kod, który w przypadku Sublime Text w wersji trzeciej wygląda tak:

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Włączamy Sublime Text, po czym naciskamy kombinację klawiszy Ctrl + ` lub Cmd + ` w przypadku Maców. Pokazuje się konsola, do której wklejamy nasz kod:

Sublime Text 3 - konsola

Po chwili Package Control się instaluje. Wciskamy klawisze Ctrl + Shift + P (Cmd + Shift + P dla Maców), wpisujemy Install i naciskamy enter (opcja Package Control: Install Package). Następnie analogicznie postępujemy instalując motywy, czyli wpisujemy nazwę tego, który nas interesuje (ja posłużę się przykładem Material Theme), po czym naciskamy enter:

Wybieramy motywy

Po zainstalowaniu się motywu wchodzimy w opcje Preferences na górze edytora, klikamy Settings, po czym wyskakuje nowe okno z kodem:

Ustawienia Sublime Text

W pliku z prawej strony wpisujemy przecinek po zamknięciu nawiasu kwadratowego oraz kod aktywujący nasz motyw. Przykładowo dla standardowego Material Theme będzie wyglądać dokładnie tak:

"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme"

Tym oto sposobem wiemy już jak zainstalować motyw dla naszego edytora. Czas przejść do części drugiej czyli 3 najciekawszych motywów. Coś mi mówi, że będzie to wpis z największą ilością zdjęć w mojej historii 😉


Najciekawsze motywy do Sublime Text 3.

Numer 1: Material Theme.

Chyba najbardziej rozbudowany motyw, a jednocześnie zdaniem wielu najładniejszy. Co ciekawe, jako jedyny ma bardzo przyjemną opcję uruchamiania go poprzez kliknięcie prawym przyciskiem myszy na nasz edytor, najechanie na Material Theme i kliknięcie w Activate. Posiada największą gamę opcji oraz 3 wersje kolorystyczne:

1. Material Theme.

Aktywujemy go za pomocą tego kodu:

"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme"

…a wygląda w ten sposób:

Domyślny Material Theme

2. Material Theme Darker.

Włączamy go wpisując taki oto kod:

"theme": "Material-Theme-Darker.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme"

…a prezentuje się tak:

Ciemniejszy Material Theme

3. Material Theme Lighter.

Możemy uruchomić go wpisując taki kod:

"theme": "Material-Theme-Lighter.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme"

…po czym nasz Sublime Text wygląda w ten sposób:

Jaśniejszy Material Theme


Numer 2: Boxy Theme.

Kolejny świetny motyw. Posiada sporo możliwości konfiguracji oraz 4 wersje kolorystyczne:

1. Boxy Yesterday.

Pierwszą wersję uruchamiamy wpisując taki kod:

"color_scheme": "Packages/Boxy Theme/schemes/Boxy Yesterday.tmTheme",
"theme": "Boxy Yesterday.sublime-theme",

…a prezentuje się w ten sposób:

Jaśniejszy Boxy

2. Boxy Tomorrow.

Uruchamiamy go wpisując ten oto kod:

"color_scheme": "Packages/Boxy Theme/schemes/Boxy Tomorrow.tmTheme",
"theme": "Boxy Tomorrow.sublime-theme",

…a wygląda tak:

Ciemny Boxy

3. Boxy Ocean.

Aby go uruchomić, potrzebujemy takiego kodu:

"color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme",
"theme": "Boxy Ocean.sublime-theme",

…a wygląda w ten sposób:

Boxy niebieski

4. Boxy Monokai.

Aby aktywować już ostatnią wersję motywu potrzebujemy takiego kodu:

"color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",
"theme": "Boxy Monokai.sublime-theme",

…natomiast wygląda ona tak:

Brązowy Boxy


Numer 3: Ayu.

Ostatni już motyw, który podobnie jak Material Theme posiada 3 wersje kolorystyczne, ale niestety ma mniej opcji pozwalających na personalizację. Już wymieniam jego wersje: 😉

1. Ayu Light.

Pierwszą, jasną wersję motywu możemy włączyć za pomocą tego kodu:

"theme": "ayu-light.sublime-theme",
"color_scheme": "Packages/ayu/ayu-light.tmTheme",

…a wygląda ona w ten sposób:

2. Ayu Dark.

Kolejna zostaje uruchomiona po wpisaniu tego kodu:

"theme": "ayu-dark.sublime-theme",
"color_scheme": "Packages/ayu/ayu-dark.tmTheme",

…z kolei wygląda tak:

Ciemny Ayu

3. Ayu Mirage.

Ostatnia już wersja motywu Ayu staje się aktywna po wpisaniu takiego kodu:

"theme": "ayu-mirage.sublime-theme",
"color_scheme": "Packages/ayu/ayu-mirage.tmTheme",

…a wygląda tak:

Granatowy Ayu


Podsumowanie.

Jak widać w miarę prosty sposób możemy znacznie zmienić wygląd naszego edytora Sublime Text! Jeśli jesteś zainteresowany używaniem któregoś z podanych tutaj motywów, to polecam Ci wejść na GitHuba, klikając w nagłówek tego, który Cię insteresuje. Tam dowiesz się o wszystkich wartościach, które można ustawić, aby dostosować motyw do swoich potrzeb.

Standardowo jeśli masz jakieś pytania lub sugestie, to zapraszam Cię do komentowania, a jeśli znasz kogoś, dla kogo ten artykuł mógłby okazać się pomocny, to będę bardzo wdzięczny, jeśli prześlesz go do niego 🙂

Programista zakochany w JavaScript’cie, twórca stron internetowych i jak widać od niedawna bloger 🙂

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *