8 Awesome VSCode Themes for 2021 | Crazy Unique Themes to try | Old School | Different | Hacker | Neon

-

8 Awesome VSCode Themes for 2021


Tired of using the same boring fonts , here are a set of new fonts that would help you feel like you are in a new coding environment and ultimately can help you with your workflow . You may not expect the same One Dark Pro or similar Styles over here . This is a collection of cool and crazy underrated themes , that will give you a new coding area . 


And in no particular order , The themes are :


1 . Tokyo Night

    If you love punchy colors , You will love this theme . A clean, dark (and now light) Visual Studio Code theme that celebrates the lights of Downtown Tokyo at night . Many UI elements are intentionally low contrast so as not to distract. Tokyo Night


2 . Hacker-Theme

    This one is a crazy theme . Ever wanted to have the same hollywood hacker window on your workflow . This theme makes that possible for you . Wear a black hoodie and you are all set to be a hacker . Hacker-Theme



3 . Aurora X

    This is another one punchy theme to boost up the code look . Aurora X is a dark material-like theme with blue and purple tones. Aurora X


4 . CyberPunk 2020

    Do You love Neon Colors ? , then this will be a visual treat for you . A cyberpunk-inspired colour theme to satisfy your neon dreams . CyberPunk 2020




5 . Oldschool Theme

    Get ready to go to your old school . Remember the old style on the turbo C , Visual Studio or other IDE's . May be you might hated that then , But still it holds a lot of memories . Lets bring back them with this cool Theme . OldSchool Theme





6 . MS-DOS Theme

    Remember the days where it was fun to program? When we can't just copy the code from StackOverflow - we had to write the code for ourselves. As like the above theme this too has many crazy memories . MS-DOS Theme

    



7 . Mr Pink

    Do you like Pink ? May be you will after using this theme . A minimalistic syntax specially crafted for all day –or night- coding and named after a fictional character from Quentin Tarantino's film: Reservoir Dogs . Mr Pink






8 . Newspaperlike

    If you are a rare case light theme lover , I can understand . This theme is something I found would be much better for eyes and also gives a paperly feel . Newspaperlike is a light theme that is heavilyt inspired by, you guessed it, newspapers. It does little to aide visibility/readability other than to present code in different shades of grey. . NewsPaperLike






These are some not so commonly used but would surely help change your style a bit . Comment your other favourite themes and let others know them too .



Comments

Post a Comment

Popular posts from this blog

Getting Started With THREE.JS | Insert Your FIRST 3D Model into your Website

-
Image
CONCEPTS INCLUDED : Scene Renderer Camera Position Material Textures  Animation Controls   We start of with a pretty empty project Just a html boiler plate code :       Importing CDN :   We have the html boiler plate Now we need someway to get the three js into our project     Cdn website :   threejs cdn : https://www.jsdelivr.com/package/npm/three   WorkFlow :       For better understanding I will be using Wrestling or WWE as a theme .   SCENE :   1st we need an area / environment to place our 3d objects Like in wrestling we must have the ring to fight      Similarly here we have something called scene     So a Scene here is a 3d area which has x , y and z co-ordinates . Let's initialise it by saying scene = new THREE.Scene ()       RENDERER : Now we have our ring setup for our wrestling ready But we need a broadcasting service to actually display it in television     And that is called a renderer A renderer takes the components and renders our scene for us with th
Read more

Creating Custom VSCode Themes | How I built one | Complete Step By Step Process

-
Image
Creating Custom VSCode Themes | How I built one | Complete Step By Step Process STEP 1 : Install Yo Code Generator :  Yo Code Generator Docs npm install -g yo generator-code Run It :   yo code     Select -> New Color Theme     Select -> Start Fresh and Give it  Name , Description     Also Select -> Dark / Light / High Contrast based on what theme you want STEP : 2     cd into your theme folder     To See your Theme in action Press "F5" Run->Start Debugging to see a new window popup with your new Theme     * If you had multiple environments setup in your VSCode it may probably ask you to Select one , I overcame this by Choosing the launch.json and Adding Configuration for VScode Extension and Select Launch Extension in your Debug window STEP 3 :      The Themes .json file is where all the magic happens . You can change individual colors and see how it changes your theme .  Tools like Ctrl + Shift + P    ->  Developer: Inspect TM Scopes  , can help you inspect s
Read more