If you are like me you also like changing your theme and font of VSCode frequently. I also love to find new themes and fonts. Here is mine.
๐ง๐ต๐ฒ๐บ๐ฒ: Cobalt2 Rocket
๐๐ผ๐ป๐: Cascadia Code PL
๐ฃ๐ฒ๐ฎ๐ธ๐ฐ๐ผ๐ฎ๐ธ ๐๐ต๐ฒ๐บ๐ฒ: Svelte Orange
Top 3 Plugins I โค๏ธ
- Polacode : Carbon like Polaroid for your code
- ES7 React/Redux/GraphQL/React-Native snippets
- Todo+: Manage todo lists with ease. Powerful, easy to use and customizable.
So tell me what's your current VSCode theme and font look like? I'm Curious.
Oldest comments (140)
That is a nice setup, here's mine:
THEME: One Dark Pro
Extensions: Insert an emoji, rfc, Beautify
Insert an emoji. Damn thatโs cool.
Hi Sarthak, on Windows you can use the shortcut "windows+." to open an emoji keyboard. You can use it in every program; it's quite handy
Can you give me the exact font name and the weight? I just downloaded the font you are using but mine looks kind of clunky and unsmooth!
Guys, for Windows 10, use the OTF format. For some reason TTF is very jagged and unclean!
You may download the font here: github.com/microsoft/cascadia-code...
Well I'm using
Cascadia Code PLthis is how my current IDE setup look likes
Woah !! that's dope. What's the theme name?
theme: Deepdark Material Theme
Nice !!
Extension?
love the darknes
what font is that ?
hi res screenshot
Theme: Karma
Font: Dank Mono
Dank mono is such a good font. I still gotta try that right sidebar thing. Whatโs your settings.json?
here is the last snapshot of my settings
Thanks man ๐
I'm now trying the sidebar on the right. Its making more sense to have it like this. Good one!
i have always had mine on the right. Not going back soon
Game changer to have the side bar on the right :o
Whatโs the benefit though? Iโve tried a few times but keep going back to having it on the left. It feels weird to have the code indent all the way to left of the screen.
the benefit is noticed if you're using Ctrl+B very often .. the code would be indented every time if you have the side bar on the left.
And until Microsoft added the option to switch the control bar to the right, the code always looked like ๐ฉ until you formatted it when you were ready to push to GitHub. I remember very well ๐
It all comes down to your preference. To me it just looks less cluttered on the left side.
Can you pls tell me what extension you're using for indentation like this?
Its indent rainbow and bracket pair colorizer
Nice theme
Theme: Community Material Theme
Extensions: ES7 React/Redux/GraphQL/React-Native snippets
VS Code is going to play a pivotal role in the development of software.
Upload picture too bro.
Hows that indentation is coloured?
The Indent rainbow extension
Adding to my list. ๐ฏ๐
Theme: 1984 - Light
Font: Dank Mono
Extensions: Alphabetical Sorter, Bracket Pair Colorizer, Git Blame, PHP Intelephense, Prettier, Snippet Creator, TODO Highlight
TODO Highlight is a cool one. ๐๐ผ
You use light theme?
Yep! It feels better on my eyes.
Try horizon
Dark themes are better for the night times or cloudy weather. Used in a very bright atmosphere (like in an office with neons) they don't make a lot of sense and could hurt your eyes.
I switch between light and dark themes many times a day. There are even extensions to toggle them automatically (not a VSCode thing: the Opera browser does this natively).
This looks really sweet, I might give light theme a try. Thanks for sharing Amy
hm..
Can you pls suggest me some good light themes like this?
Nice to see a good light theme, I find them much easier on the eye.
I think you may love this
gist.github.com/ejabu/6452f6e7c3ca...
Have you tried a dark theme? I can't imagine staring for a few hours this theme ๐
Its pretty fresh. Thanks for suggestion.
You should definitely checkout the GitHub theme for vscode it's dope
I would need sunglasses to code in this IDE, but very beautiful job with the theme, it's certainly eye-catching!
Also I have a theory that there is a shared trait between devs who use light-themed IDEs must also be morning people. @heyamyk8 are you a morning person?
I like to code at night, so I love defined, sharp shadows, layered UIs, and of course, dark theme. ๐๐๐
Hey wowo nice theme and also love your settings its pretty clean
can you please provide your settings.json of your vscode want to try your settings lol
wow can you give your vscode settings file plz
Theme: Arbitor
Font: Jetbrains Mono w/ font ligatures
How does it looks?
Do you not see my picture in the post?
Shit, it wasn't showing in the Notification section my bad. ๐
No worries! I was having issues myself and had to refresh my page.
But anyways, your setup looks cool. ๐ฅ
Thanks! I really enjoy Jet Brains Mono and their support of ligatures. I was rocking a very SynthWave 80s retro theme for a while, but it was hard on the eyes haha.
SynthWave ๐ฅฒ I always tried to use it but seems to complex to even setup.
I love this game and changing up my vs themes After Dark is my new flavor of the day!
Theme Nord Native
Font JetBrain Mono with ligatures
Theme: Cobalt 2 (with some customizations)
Font: Fira Code
My theme customization settings: gist.github.com/DenverCoder1/6573f...
Customisation like?
Darker background colors, more teal highlights, changed the comment color to have more contrast, etc. It's all in the settings.json I linked above.
Theme: Dark Lavender my theme
Font: Lilex
Sweet
I want to try Lilex. What did you input in "editor.fontFamily" in settngs.json. "Lilex" is not working for me. Same with the nerdfont varient.
Here is the download page for Lilex, you need to install Lilex (either otf or ttf) then restart VSCode and add
Lilexat the very beginning ofeditor.fontFamily:"editor.fontFamily": "Lilex, ...other fonts",I can't get it to work, I have installed the font, I have put it in vs code and I have even restarted the computer and I do not get the same font, any ideas?
show your vscode settings
{
"editor.linkedEditing": true,
"tabnine.experimentalAutoImports": true,
"workbench.iconTheme": "material-icon-theme",
"workbench.productIconTheme": "fluent-icons",
"editor.renderWhitespace": "none",
"git.autofetch": true,
"git.confirmSync": false,
"window.zoomLevel": -1,
"php.validate.executablePath": "C:\php\php.exe",
"workbench.colorTheme": "Dracula",
"editor.fontLigatures": null,
"editor.fontFamily": "Lilex,Consolas, 'Courier New', monospace"
}
I have solved it by myself.
editor.fontLigatures was in null , i changed to true .
Thank you anyway
hmm... I'm not sure why. But some suggestions for you:
datafolder same level withcode.exe, if you running on Windows)I'm using the slack theme and it looks amazing
I use to have that too.
My current VS Code Setup :
Theme : Mayukai Theme
Font : Iosevka Mayukai
Currently using VS Code Plugin :
Cool ๐ฅ
Here's mine
Theme: BeardedTheme Monokai Metallian
Extensions: Color Highlight, Bracket Pair Colorizer.
Damn, gotta try this theme.
This is looking amazing bruh ! ;)
best of all to me, thanks man ๐
๐ค๐ค
Thanks for the cap.
Thanks for the color highlight extension. I never used it before. But i knew that i need this functionality ๐