Pokud hledáte nový motiv, který by v novém roce změnil váš editor kódu, máme pro vás řešení. Podívejte se na řadu stylových motivů s jedinečnými barevnými paletami – od elegantních přes elegantní až po živé a vše mezi nimi – a zjistěte, co vám nejlépe vyhovuje. Dokonce jsme přiložili i několik zajímavých balíčků ikon, abyste si mohli VS Code ještě více přizpůsobit.
Tyto motivy VS Code jsme uspořádali do následujících sekcí:
- Trendy (1-20)
- Tmavé (21-30)
- Světlé (31-40)
- Barevné (41-50)
- Bonus: Ikony (51-56)
Chcete-li nainstalovat téma do VS Code, jednoduše navštivte tržiště a vyberte téma, které chcete stáhnout. Chcete-li přepínat mezi nainstalovanými motivy, otevřete příkazovou paletu pomocí CMD/CTRL + SHIFT + P
a zadejte Preferences: Color Theme
. V nabídce pak můžete procházet motivy.
Trendy
Objevte nová trendy témata pro VS Code, jejichž popularita roste.
Radikální
![](https://raw.githubusercontent.com/DHedgecock/radical-vscode/master/assets/editor.jpg)
Gruvbox Material
![](https://user-images.githubusercontent.com/37491630/69468770-671d3400-0d85-11ea-85a7-cf7ffedab468.png)
Merko
![](https://github.com/merko30/merko-green-theme/raw/master/img/s.png)
Tokyo Night
![](https://raw.githubusercontent.com/enkia/tokyo-night-vscode-theme/master/static/ss_tokyo_night.png)
Remedy
![](https://raw.githubusercontent.com/robertrossmann/vscode-remedy/master/resources/screenshots/gui.png)
Minimální.
![](https://github.com/dawran6/minimal-theme-vscode/raw/master/screenshot.png)
Aurora X
![](https://github.com/marqu3s10/Aurora-X/raw/master/images/screenshot.png)
Atlantická noc
![](https://github.com/mrpbennett/atlantic-night-vscode-theme/raw/master/imgs/first-screen.png)
Glass UI
![](https://user-images.githubusercontent.com/38076644/62824174-54eb0180-bbab-11e9-975e-2baf0e8cf33f.png)
A Touch of Lilac
![](https://raw.githubusercontent.com/alexnho/vscode-a-touch-of-lilac-theme/master/images/workbench.png)
FireFly Pro
![](https://raw.githubusercontent.com/ankitmlive/firefly-theme/master/assets/second-demo.png)
ReUI
![](https://raw.githubusercontent.com/barrsan/react-italic-theme-vscode/master/sc.png)
Slime
![](https://github.com/smlombardi/theme-slime/raw/master/screenshots/screenshot.png)
Signed Dark Pro
![](https://raw.githubusercontent.com/alex-munene/vscode-signed-dark-pro/master/images/signed-dark-pro.png)
Ariake Dark
![](https://github.com/a-wart/ariake-dark/blob/master/misc/screenshot_frag.png?raw=true)
Snazzy Light
![](https://raw.githubusercontent.com/loilo/vscode-snazzy-light/master/screenshots/javascript.png)
Spacegray
![](https://raw.githubusercontent.com/ionutvmi/spacegray-vscode/master/screenshots/eighties.png)
Celestial
![](https://github.com/apvarun/celestial-theme/raw/master/Preview.png)
Blueberry Dark
![](https://raw.githubusercontent.com/peymanslh/vscode-blueberry-dark-theme/master/screenshot.png)
Bear
![](https://raw.githubusercontent.com/shaodahong/theme-bear/master/bear-theme-snap.png)
Dark
Pracujete raději ve tmě? Objevte některá z nejlepších tmavých témat pro VS Code.
Všechna tato tmavá témata si také můžete nainstalovat instalací našeho balíčku nejlepších tmavých témat.
One Dark Pro
![](https://raw.githubusercontent.com/Binaryify/OneDark-Pro/master/static/screenshot2.png)
Dracula Official
![](https://github.com/dracula/visual-studio-code/raw/master/screenshot.png)
Nord
![](https://raw.githubusercontent.com/arcticicestudio/nord-docs/develop/assets/images/ports/visual-studio-code/ui-overview-jsx.png)
Palenight
![](https://i.imgur.com/1mYWEP4.png)
One Monokai
![](https://github.com/azemoh/vscode-one-monokai/raw/master/screenshot-v0.2.0.png)
Night Owl
.
![](https://github.com/sdras/night-owl-vscode-theme/raw/master/first-screen.jpg)
Andromeda
![](https://github.com/EliverLara/Andromeda/raw/master/images/andromeda.png)
Darcula
![](https://github.com/rokoroku/vscode-theme-darcula/raw/master/screenshot.png)
Horizon Theme
![](https://i.imgur.com/y0gi1ez.png)
Cobalt2
![](https://raw.githubusercontent.com/wesbos/cobalt2-vscode/cobalt2-updates/images/ss.png)
Light
Chceš něco lehčího pro svůj editor kódu? Podívejte se na tato stylová světlá témata.
Všechna tato světlá témata si také můžete nainstalovat instalací našeho balíčku nejlepších světlých témat.
Atom One Light
![](https://raw.githubusercontent.com/akamud/vscode-theme-onelight/master/screenshots/preview.png)
Bluloco Light
![](https://raw.githubusercontent.com/uloco/theme-bluloco-light/master/screenshots/js.png)
Brackets Light Pro
![](https://raw.githubusercontent.com/EryouHao/brackets-light-pro/master/static/screenshot.png)
Ysgrifennwr
![](https://github.com/xaverh/theme-ysgrifennwr/raw/master/screenshot.png)
NetBeans Light
![](https://github.com/obrejla/vscode-netbeans-light-theme/raw/master/images/vscode-netbeans-light-theme.png)
Quiet Light
![](https://github.com/onecrayon/theme-quietlight-vsc/raw/master/images/screenshot.png)
Hop Light
![](https://raw.githubusercontent.com/bubersson/hop-theme-vscode/master/hop-light.png)
NotepadPlusPlus Remixed
![](https://raw.githubusercontent.com/s-h-a-d-o-w/NotepadPlusPlus-Remixed-Theme/master/screenshot.png)
GitHub Light
![](https://github.com/Hyzeta/vscode-theme-github-light/raw/master/screenshot/0.png)
GitHub Plus
![](https://github.com/thenikso/github-plus-theme/raw/master/screenshot.jpg)
Colorful
Už máte dost monochromatických témat a nudných barevných palet? Přidejte do svého editoru trochu barev s těmito barevnými motivy.
Všechna tato barevná témata si můžete nainstalovat také instalací našeho balíčku nejlepších barevných témat.
Odstíny fialové
![](https://raw.githubusercontent.com/ahmadawais/shades-of-purple-vscode/master/images/markdown.png)
SynthWave
![](https://github.com/robb0wen/synthwave-vscode/raw/master/theme.jpg)
Kódově modrá
![](https://i.imgur.com/JLCnwvi.jpg)
Kyberpunk
![](https://github.com/max-SS/cyberpunk/raw/master/assets/preview.png?raw=true)
LaserWave
![](https://github.com/Jaredk3nt/laserwave/raw/master/screenshot.png)
Zeonica
![](https://zeonicacom.files.wordpress.com/2018/09/zeonica_9502.png)
Hipster
![](https://github.com/ModoNoob/vscode-hipster-theme/raw/master/screenshot.png)
Wildberry
![](https://github.com/geoffstevens8/best-colorful-themes-pack/blob/master/images/wildberry.png?raw=true)
Qiita
![](https://qiita-image-store.s3.amazonaws.com/0/6598/e054a4bb-cea1-8fc9-e193-fbb8376ed93d.png)
Soft Era
![](https://github.com/soft-aesthetic/soft-era-vs-code/raw/master/screenshot.png)
Bonus: Ikony
VS Code také umožňuje přizpůsobit ikony v editoru. Na postranním panelu VS Code se objeví nové ikony, které vám pomohou vizualizovat různé soubory a složky. Balíčky ikon můžete instalovat stejně jako jiná témata.
Chcete-li změnit ikony v editoru, otevřete paletu příkazů pomocí CMD/CTRL + SHIFT + P
a zadejte příkaz Preferences: File Icon Theme
. V nabídce pak můžete procházet nainstalované motivy ikon a prohlížet si je v reálném čase.
Rydlo
![](https://github.com/cdonohue/vscode-quill-icons/raw/master/screenshots/demo-dark.png)
Helium
![](https://raw.githubusercontent.com/helgardferreira/vscode-helium-icon-theme/master/images/fileIcons.png)
Sedlo
![](https://raw.githubusercontent.com/rastikerdar/vscode-seedling-icon-theme/master/images/preview.png)
Město Světla
![](https://raw.githubusercontent.com/yummygum/city-lights-icons-vsc/master/city-lights-icon-preview.gif)
Keen Neutral
![](https://github.com/keenethics/neutral-icon-theme/raw/master/preview.png)
Kalich
![](https://raw.githubusercontent.com/artlaman/chalice-icon-theme/master/assets/preview.png)
Co dál?
Hledáte ještě více témat? Zkuste prohledat tržiště VS Code a seřadit podle Themes
. Vývojáři vytvořili více než 2 500 motivů, ze kterých si můžete vybrat a přizpůsobit si tak VS Code.
Chcete si vytvořit vlastní téma VS Code? V našem návodu se dozvíte, jak vytvořit rozšíření, přizpůsobit barevnou paletu VS Code a odeslat svůj projekt na tržiště VS Code: Spusťte produkt na tržiště VS Code za 30 minut nebo méně.