Jeśli szukasz nowego motywu, aby odmienić swój edytor kodu w nowym roku, mamy cię pod opieką. Sprawdź różne stylowe motywy z unikalnymi paletami kolorów – od eleganckich, przez eleganckie, po żywe i wszystko pomiędzy – aby zobaczyć, co będzie dla ciebie najlepsze. Dołączyliśmy nawet kilka interesujących pakietów ikon, aby jeszcze bardziej dostosować VS Code.
Zorganizowaliśmy te motywy VS Code w następujące sekcje:
- Trending (1-20)
- Dark (21-30)
- Light (31-40)
- Colorful (41-50)
- Bonus: Icons (51-56)
Aby zainstalować motyw w VS Code, po prostu odwiedź rynek i wybierz motyw, który chcesz pobrać. Aby przełączać się między zainstalowanymi motywami, otwórz paletę poleceń za pomocą CMD/CTRL + SHIFT + P
i wpisz Preferences: Color Theme
. Następnie możesz przeglądać swoje motywy w menu.
Trending
Odkryj nowe modne motywy dla VS Code, które cieszą się rosnącą popularnością.
Radical
![](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)
Minimal.
![](https://github.com/dawran6/minimal-theme-vscode/raw/master/screenshot.png)
Aurora X
![](https://github.com/marqu3s10/Aurora-X/raw/master/images/screenshot.png)
Atlantic Night
![](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
Wolisz pracować w ciemności? Poznaj niektóre z najlepszych ciemnych motywów dla VS Code.
Możesz również zainstalować wszystkie te ciemne motywy, instalując nasz Pakiet najlepszych ciemnych motywów.
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
Chcesz czegoś lżejszego dla swojego edytora kodu? Sprawdź te stylowe, lekkie motywy.
Możesz także zainstalować wszystkie te lekkie motywy poprzez zainstalowanie naszego pakietu najlepszych motywów świetlnych.
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
Masz dość monochromatycznych motywów i nudnych palet kolorów? Dodaj trochę koloru do swojego edytora dzięki tym kolorowym motywom.
Możesz także zainstalować wszystkie te kolorowe motywy, instalując nasz Pakiet Najlepszych Kolorowych Motywów.
Odcienie fioletu
![](https://raw.githubusercontent.com/ahmadawais/shades-of-purple-vscode/master/images/markdown.png)
SynthWave
![](https://github.com/robb0wen/synthwave-vscode/raw/master/theme.jpg)
Code Blue
![](https://i.imgur.com/JLCnwvi.jpg)
Cyberpunk
![](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 pozwala również na dostosowanie ikon w edytorze. Nowe ikony pojawią się na pasku bocznym VS Code, aby pomóc w wizualizacji różnych plików i folderów. Możesz zainstalować pakiety ikon, tak jak inne motywy.
Aby zmienić ikony w edytorze, otwórz paletę poleceń za pomocą CMD/CTRL + SHIFT + P
i wpisz polecenie Preferences: File Icon Theme
. Następnie można przeglądać zainstalowane motywy ikon z menu i wyświetlać ich podgląd w czasie rzeczywistym.
Quill
![](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)
Seedling
![](https://raw.githubusercontent.com/rastikerdar/vscode-seedling-icon-theme/master/images/preview.png)
City Lights
![](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)
Chalice
![](https://raw.githubusercontent.com/artlaman/chalice-icon-theme/master/assets/preview.png)
Co dalej?
Szukasz jeszcze więcej motywów? Spróbuj przeszukać VS Code marketplace i posortować według Themes
. Programiści stworzyli ponad 2500 motywów, z których możesz wybierać, aby dostosować VS Code do swoich potrzeb.
Chcesz stworzyć swój własny motyw VS Code? Dowiedz się, jak utworzyć rozszerzenie, dostosować paletę kolorów VS Code i opublikować swój projekt na rynku VS Code w naszym samouczku: Uruchom produkt na rynku VS Code Marketplace w 30 minut lub mniej.