VS Code: Change Cursor Color, Style & Animation

hey there I think customizing the cursor chemical coding experience more enjoyable and efficient that's why in this video I'm going to show you how to customize the cursor in vs code we'll be changing the cursor in both the editor and the terminal so let's get started let's start off by changing the color of the cursor press Ctrl shift p type settings.json and I'm going to open the current profile settings Json Now search for workbench dot color customizations which is this object right here and if you don't have this object you can go ahead and create one from scratch now let's add a color for the cursor on the editor so that would be editor cursor dot foreground and I'm going with the color teal that I'm using on my website so if I'm getting that code right it is this one press save and as you can see the color has been changed to the one that I have here which is teal right awesome uh now let's change the cursor on the editor right now is a orange yellowish one so similar to editor cursor here we have terminal cursor I'm going with the same color and as you can see here we have our new color now let's go ahead and change the style and the animation of the cursor press Ctrl comma to open the settings or go to file references and settings I'm just gonna move this here on the right side right so you can see it better and here on search settings bar type cursor Style and here we have a bunch of settings let's take them one by one I'm gonna zoom in so you can see the cursor better let's start off with blinking so as you can see now the cursor blinks once a second but if we want to change it let's go with a solid one it doesn't blink anymore so smooth it blinks smoothly like they say here phase looks like this like it's phasing and expand it's wobbling a bit right so this is for the cursor blinking I'm just gonna leave it as default now let's go to cursor style so by default we have line this is block similar to what we have on the terminal side let's go with underline now pretty Unix Style now line thin block outline underline thing and these are pretty much all the options we have for the start of the cursor let's move on to the terminal side here we have only style and not animation so we have only three options block which is by default the one here line similar to what we have on the editor last but not least we have underline so it looks like this and yeah that's about it thank you for watching have a great day and I'll see you in the next one

Channel: Neutron Dev

Views: 4,740

Keywords: vscode, visual studio code, customize cursor

Id: BlhY-k5-n-w

Length: 4min 37sec (277 seconds)

Published: Thu Jul 20 2023