Visual Studio Code promění úpravy a psaní nového kódu na bezproblémový a zábavný zážitek. Výchozí tmavý motiv VS Code byl navržen tak, aby byl pro oči snazší než běžné drsné bílé pozadí, které může způsobit únavu po dlouhých hodinách práce. Ale co když se vám při práci opravdu nelíbí tmavé barvy na obrazovce?
Výhodou modulárního designu VS Code je, že máte obrovskou svobodu při změně původního tmavého motivu se spoustou různých možností přizpůsobení, které pokrývají celou škálu barev obrazovky, písem a dokonce i vzhledu samotného integrovaného terminálu VS Code.
Tento článek vám řekne vše, co potřebujete vědět o změně motivů ve VS Code.
Jak změnit téma v kódu VS
Změna celkového tématu ve VS Code je rychlá a snadná. Zde je to, co musíte udělat:
- Otevřete kód VS.
- Vyberte „Soubor“ („Kód“ v systému macOS), vyberte „Předvolby“ a poté vyberte „Barevný motiv“.
- VS Code vám v rozevírací nabídce zobrazí výběr předpřipravených témat, ze kterých si můžete vybrat.
- Pomocí kurzorových kláves si můžete prohlédnout, jak každé téma vypadá přímo na obrazovce.
- Stiskněte „Enter“ při výběru a vyberte téma, které chcete použít.
Změna motivu na jiné předkonfigurované může být první věcí, kterou uděláte, když poprvé otevřete VS Code. Kódování může zabrat spoustu času, takže je výhodné použít motiv, který vám vyhovuje a při práci vás nebolí oči.
Jak změnit téma terminálu v kódu VS
Pokud se chcete držet několika předem nakonfigurovaných možností pro barvu a téma terminálu, postup je stejný jako změna celkového tématu. Všechna integrovaná témata obsahují možnosti pro změnu vzhledu vašeho terminálu, ale nemůžete jej oddělit od ostatních částí samotného motivu z hlavní nabídky.
Před použitím výše uvedených kroků ke změně motivu otevřete konzolu terminálu (Ctrl + Shift + P) a zobrazte náhled změn provedených v terminálu. Některá témata neprovádějí v terminálu žádné změny, zatímco jiná jej mohou drasticky posunout. Kromě toho není dobré používat téma, které se vám líbí, jen mírně, protože můžete zjistit, že používáte terminál více, než jste si původně mysleli.
Existuje však několik řešení, která vám umožní změnit téma terminálu, což pokryjeme v částech níže.
Jak změnit téma materiálu v kódu VS
Hlavní funkcí VS Code je přemíra vzrušujících rozšíření, která vám umožní přizpůsobit si kódování a přinést více funkcí do textového editoru. Jedním z takových rozšíření je Material Theme, jedno z nejpopulárnějších svého druhu na VS Code Marketplace.
Material Theme má oproti předem přizpůsobeným návrhům mnoho výhod, ale některým uživatelům může chybět. Uživatelská příručka pro toto rozšíření obsahuje několik tipů, jak provést další změny, aby vyhovovaly vašim potřebám. Zde je návod, jak změnit celkové téma v Material Theme:
- Otevřete rychlou nabídku (Ctrl + Shift + P).
- Do výzvy zadejte „téma“.
- Vyberte „Předvolby: barevný motiv“.
- Vyberte jednu z předvoleb Material Theme.
Nastavení barvy zvýraznění způsobí, že část kódu vyskočí, což může být užitečné, pokud jde o obzvláště důležitou nebo problematickou diagnostiku. Chcete-li nastavit barvu zvýraznění, použijte následující kroky:
- Otevřete rychlou nabídku (Ctrl + Shift + P).
- Do výzvy zadejte „materiálové téma“.
- Vyberte „Materiálové téma: Nastavit barvu zvýraznění“.
- Vyberte si ze seznamu barvu, která se vám líbí.
Se změněným motivem materiálu můžete získat přizpůsobení, které je nad normou, a my vám ukážeme, jak na to.
Jak ručně upravit téma v kódu VS
VS Code umožňuje mnohem více přizpůsobení, než jen střídání mezi několika předvolbami. Zde jsou dva způsoby, jak upravit motiv podle vašich představ.
Metoda 1 – Stažení vlastního motivu
Když mluvíme o přizpůsobení, nemůžeme nezmínit rozsáhlý VS Code Marketplace. Existují různá rozšíření, která pouze mění vzhled kódu VS, aniž by zasahovala do jeho funkčnosti. Zde je návod, jak stáhnout motiv.
- Otevřete VS Code Marketplace. Můžete také použít integrovanou nabídku „Rozšíření“ na levé straně obrazovky.
- Chcete-li procházet pouze položky, které mění téma, zadejte do vyhledávacího pole „téma“. Jedním z našich nejlepších doporučení je výše uvedené téma Material, ale jsme si jisti, že najdete takové, které vám bude nejlépe vyhovovat.
- Stáhněte si rozšíření (pokud používáte prohlížeč) a poté nainstalujte soubor .VSIX přechodem na „Rozšíření > ikona se třemi tečkami > Instalovat z VSIX.“ Případně, když najdete téma, které se vám líbí ve VS Code, klikněte na něj a poté v nabídce podrobností (vpravo) vyberte tlačítko „Instalovat“.
- Jakmile je motiv nainstalován a povolen, vyberte jej pomocí příkazu „Preferences: Color Theme“.
Metoda 2 – Úprava motivu
Všechna témata a nastavení jsou uložena v kódu VS pomocí prostého textu. Chcete-li získat přístup k těmto nastavením a provést požadované změny, postupujte takto:
- Vytvořte pracovní plochu nebo soubor uživatelských nastavení. První pouze změní vzhled současného projektu, ale druhý zůstane napříč novými projekty.
- V hlavní nabídce zadejte příkaz „Předvolby: Otevřít nastavení“.
- Vyberte záložku vlevo nahoře a vyberte si mezi nastavením uživatele a pracovní plochy.
- Stisknutím tlačítka „Upravit v settings.json“ otevřete soubor obsahující nastavení, která potřebujete změnit.
- Najděte nastavení s názvem „workbench.colorCustomizations“.
- Zaměřte se na změnu motivu, který chcete vložením
„[Název_tématu]“: { }
Theme_name je název motivu, který chcete změnit. Nechte si uvozovky.
- Další změny tématu jsou provedeny v nových závorkách. Zadejte název parametru, který chcete změnit (v uvozovkách), napište „:“ a poté vyberte příslušné nastavení, které potřebujete.
- Pomocí tohoto průvodce vyhledejte parametry, které chcete změnit.
- Barvy jsou uloženy v hexadecimálním kódu. K určení požadované barvy použijte hexadecimální vodítko barev.
- Až budete se změnami hotovi, uložte soubor.
Tuto metodu lze použít ke změně většiny uživatelského rozhraní a vzhledu kódu, včetně barvy základního motivu, pozadí, vzhledu terminálu, barev tlačítek a stylů písma.
Pokud vás zajímá, jak změnit písmo v kódu VS, použijte metodu 2 uvedenou výše. Pravděpodobně budete potřebovat průvodce písmem.
Další časté dotazy
Kde jsou uložena témata kódu VS?
Motivy pocházející z rozšíření jsou uloženy ve složce extensions VS Code. Toto umístění je ve vašem instalačním adresáři (například C:) a obvykle jej najdete zde:
~/.vscode/extensions
Zde je „~“ instalační adresář pro VS Code.
Základní motivy jsou uloženy v: Microsoft VS Code\resources\app\extensions\theme-defaults\themes
Nemusíte však trávit čas hledáním souborů ke změně. Změna uživatelských nastavení prostřednictvím souboru „settings.json“ přinese mnohem rychlejší výsledky.
Jak změním barvu komentáře v kódu VS?
Chcete-li změnit barvy komentářů, otevřete soubor „settings.json“ (použijte „Metodu 2“ uvedenou výše), vyberte motiv, který chcete změnit, a zadejte (s uvozovkami):
"komentáře" : "#hexcode"
Zde je „hexcode“ kódem pro požadovanou barvu. Pomocí nástroje pro výběr barvy vyberte vhodnou barvu.
Jaké je nejlepší téma ve VS Code?
Nejlepší téma VS Code je to, které považujete za nejpříjemnější a nejužitečnější pro vaše programátorské úsilí. Různí uživatelé mohou mít odlišné preference barev a motivů. Naštěstí je na výběr spousta možností, ať už v předkonfigurovaných motivech, stahování rozšíření nebo v možnosti upravit si motiv přesně podle svých představ.
Vyberte si svůj motiv
Pomocí těchto pokynů si můžete plně přizpůsobit motiv, jak chcete. Se svými bohatými možnostmi zůstává VS Code jedním z nejoblíbenějších textových editorů a díky své schopnosti získávat nové funkce pomocí rozšíření je velmi podobný IDE.
Jaká témata používáte ve VS Code? Provedli jste nějaké změny ve svém preferovaném tématu? Dejte nám vědět v sekci komentářů níže.
