Visual Studio Code pretvara uređivanje i pisanje novog koda u zabavno iskustvo bez muke. Zadana tamna tema VS Codea dizajnirana je da bude lakša za oči od uobičajene oštre, bijele pozadine koja može uzrokovati umor nakon dugih sati rada. Ali što ako vam se ne sviđaju tamne boje na zaslonu tijekom rada?
Prednost modularnog dizajna VS Code je da imate ogromnu slobodu u mijenjanju izvorne tamne teme s puno različitih opcija prilagodbe koje obuhvaćaju raspon boja zaslona, fontova, pa čak i izgleda samog integriranog terminala VS Code.
Ovaj članak će vam reći sve što trebate znati o promjeni tema u VS Code-u.
Kako promijeniti temu u VS kodu
Promjena cjelokupne teme u VS Code je brza i jednostavna. Evo što trebate učiniti:
- Otvorite VS Code.
- Odaberite "Datoteka" ("Kôd" na macOS-u), odaberite "Postavke", a zatim odaberite "Tema u boji".
- VS Code će vam u padajućem izborniku pokazati izbor unaprijed izrađenih tema.
- Upotrijebite pokazivačke tipke za pregled kako svaka tema izgleda izravno na zaslonu.
- Pritisnite "Enter" dok birate da biste odabrali tu temu za korištenje.
Promjena teme u drugu unaprijed konfiguriranu može biti prva stvar koju učinite kada prvi put otvorite VS Code. Kodiranje može potrajati puno vremena, stoga je korisno koristiti temu koja vam odgovara i koja ne šteti vašim očima tijekom rada.
Kako promijeniti temu terminala u VS Code-u
Ako se želite držati nekoliko unaprijed konfiguriranih opcija za boju i temu terminala, postupak je isti kao i promjena cjelokupne teme. Sve integrirane teme uključuju opcije za promjenu izgleda vašeg terminala, ali ga ne možete odvojiti od ostalih dijelova same teme iz glavnog izbornika.
Prije korištenja prethodno navedenih koraka za promjenu teme, otvorite terminalsku konzolu (Ctrl + Shift + P) da pregledate promjene izvršene na terminalu. Neke teme ne unose nikakve promjene na terminal, dok ga druge mogu drastično promijeniti. Osim toga, nije dobro koristiti temu koja vam se samo umjereno sviđa, jer biste mogli koristiti terminal više nego što ste u početku mislili.
Međutim, postoji nekoliko rješenja koja će vam omogućiti promjenu teme terminala, što ćemo pokriti u odjeljcima u nastavku.
Kako promijeniti temu materijala u VS Code-u
Glavna značajka VS Codea je preobilje uzbudljivih proširenja za prilagodbu vašeg iskustva kodiranja i donošenje više funkcionalnosti u uređivač teksta. Jedno od takvih proširenja je Material Theme, jedno od najpopularnijih te vrste na VS Code Marketplaceu.
Material Theme ima mnogo prednosti u odnosu na unaprijed prilagođene dizajne, ali nekim korisnicima možda nedostaje. Korisnički priručnik za ovo proširenje uključuje nekoliko savjeta o tome kako napraviti daljnje izmjene koje odgovaraju vašim potrebama. Evo kako promijeniti cjelokupnu temu u Material Theme:
- Otvorite brzi izbornik (Ctrl + Shift + P).
- Upišite "tema" u prompt.
- Odaberite "Postavke: Tema boja".
- Odaberite jednu od unaprijed postavljenih tema Materijalne teme.
Postavljanje boje naglaska učinit će da dio koda iskoči, što može biti korisno ako je riječ o posebno važnoj ili problematičnoj liniji za dijagnosticiranje. Da biste postavili boju naglaska, koristite sljedeće korake:
- Otvorite brzi izbornik (Ctrl + Shift + P).
- U prompt upišite "tema materijala".
- Odaberite "Tema materijala: Postavite boju naglaska."
- Odaberite boju koja vam se sviđa s popisa.
S promijenjenom temom materijala možete dobiti prilagodbu koja je iznad norme, a mi ćemo vam pokazati kako.
Kako ručno prilagoditi temu u VS Code-u
VS Code omogućuje mnogo više prilagođavanja od jednostavnog mijenjanja između nekoliko unaprijed postavljenih postavki. Evo dva načina da prilagodite temu prema vašim željama.
Metoda 1 – Preuzmite prilagođenu temu
Kada govorimo o prilagodbi, ne možemo bez spominjanja ekspanzivnog VS Code Marketplacea. Postoje razna proširenja koja samo mijenjaju izgled VS koda bez uplitanja u njegovu funkcionalnost. Evo kako preuzeti temu.
- Otvorite VS Code Marketplace. Također možete koristiti integrirani izbornik "Proširenja" na lijevoj strani zaslona.
- Upišite "tema" u traku za pretraživanje da biste pregledali samo one stavke koje mijenjaju temu. Jedna od naših najboljih preporuka je gore spomenuta Materijalna tema, ali sigurni smo da možete pronaći onu koja vam najviše odgovara.
- Preuzmite proširenje (ako koristite preglednik), a zatim instalirajte .VSIX datoteku tako što ćete otići na “Extensions > ellipsis icon > Install from VSIX.” Alternativno, kada pronađete temu koja vam se sviđa u VS Codeu, kliknite na nju, a zatim odaberite gumb "Instaliraj" na izborniku s detaljima (desno).
- Nakon što je tema instalirana i omogućena, odaberite je naredbom "Preferences: Color Theme".
Metoda 2 – Uređivanje teme
Sve teme i postavke pohranjene su u VS Code pomoću otvorenog teksta. Slijedite korake da biste pristupili ovim postavkama i izvršili željene promjene:
- Izradite radni stol ili datoteku korisničkih postavki. Prvi će samo promijeniti izgled trenutnog projekta, ali drugi će ostati u novim projektima.
- U glavnom izborniku upišite naredbu "Preferences: Open Settings".
- Odaberite karticu u gornjem lijevom kutu za odabir između korisničkih postavki i postavki radnog stola.
- Pritisnite “Uredi u settings.json” da otvorite datoteku koja sadrži postavke koje trebate promijeniti.
- Pronađite postavku pod nazivom "workbench.colorCustomizations".
- Usredotočite se na promjenu teme koju želite stavljanjem
“[Naziv_teme]”: { }
Theme_name je naziv teme koju želite promijeniti. Zadržite citate.
- Daljnje promjene teme su napravljene u novim zagradama. Upišite naziv parametra koji želite promijeniti (u navodnicima), upišite ‘:’, a zatim odaberite odgovarajuću postavku koja vam je potrebna.
- Koristite ovaj vodič da biste pronašli parametre koje želite promijeniti.
- Boje se pohranjuju u heksadecimalnom kodu. Koristite heksadecimalni vodič za boje da biste točno odredili boju koju želite.
- Kada završite s promjenama, spremite datoteku.
Ova metoda se može koristiti za promjenu većine izgleda korisničkog sučelja i koda, uključujući boju osnovne teme, pozadinu, izgled terminala, boje gumba i stilove fonta.
Ako se pitate kako promijeniti font u VS kodu, upotrijebite metodu 2 gore opisanu. Vjerojatno će vam trebati vodič za fontove.
Dodatna FAQ
Gdje su pohranjene teme VS Code?
Teme koje dolaze iz ekstenzija pohranjene su u mapi ekstenzija VS Code. Ovo mjesto je u vašem instalacijskom direktoriju (na primjer C:) i obično se može naći ovdje:
~/.vscode/extensions
Ovdje je “~” instalacijski direktorij za VS Code.
Osnovne teme pohranjene su u: Microsoft VS Code\resources\app\extensions\theme-defaults\themes
Međutim, ne morate trošiti vrijeme tražeći datoteke za promjenu. Promjena korisničkih postavki putem datoteke “settings.json” dat će mnogo brže rezultate.
Kako mogu promijeniti boju komentara u VS kodu?
Da biste promijenili boje komentara, otvorite datoteku "settings.json" (koristite "Metodu 2" gore opisanu), odaberite temu koju želite promijeniti, a zatim unesite (s navodnicima):
“komentari” : “#hexcode”
Ovdje je "hexcode" kod za željenu boju. Pomoću birača boja odaberite odgovarajuću boju.
Koja je najbolja tema u VS Codeu?
Najbolja VS Code tema je ona koja vam najviše odgovara i najkorisnija za vaše napore u programiranju. Različiti korisnici mogu imati različite preferencije boja i tema. Srećom, postoji mnogo opcija koje možete izabrati, bilo da se radi o unaprijed konfiguriranim temama, preuzimanjima proširenja ili u mogućnosti prilagodbe teme točno prema vašim željama.
Odaberite svoju temu
S ovim uputama možete u potpunosti prilagoditi temu kako želite. Sa svojim bogatstvom opcija, VS Code ostaje jedan od najpopularnijih uređivača teksta, a njegova sposobnost dobivanja novih značajki s proširenjima čini ga vrlo sličnim IDE-u.
Koje teme koristite u VS Code-u? Jeste li promijenili željenu temu? Javite nam u odjeljku za komentare u nastavku.
