Building your own VS Code theme

preview_player
Показать описание
Come learn how to create a custom theme in Visual Studio Code. We will explore how to pick a color palette, setup your local development, and launch it to the public.

0:00 Welcome to the livestream!
0:50 Welcome Zeno!
1:25 Story behind Dracula theme
5:15 Build your own theme demo
7:33 Forking existing themes
10:50 Starting from scratch
15:00 Testing Theme
31:00 Uploading Theme to Marketplace
32:50 Q&A
38:00 Subscribe!
  1. Visual Studio Code
  2. vs code
  3. vscode
  4. visual studio code
Рекомендации по теме
Building your own 0:38:27

Building your own VS Code theme

How to make 0:15:44

How to make your own VS Code theme!

How To Create 0:24:51

How To Create And Deploy A VSCode Extension

Create Your Own 0:00:26

Create Your Own VS Code Themes!

VS Code has 0:00:57

VS Code has a hidden build-in browser

Create A Website 0:00:59

Create A Website In VSCode In Less Then A Minute! With This One Simple Trick!

how I learned 0:05:36

how I learned to code personal projects (use tutorials the right way)

Building your own 0:13:02

Building your own GitHub Copilot chat participant in VS Code

Build Functional Web-Apps 0:03:37

Build Functional Web-Apps under 10 minutes Without writing any code! Gemini + Cline

How to create 0:00:30

How to create your first website💻 #coding #website #webdev #code #shorts #html

How to Create 0:15:04

How to Create YOUR OWN (Secure) VS Code Color Theme!

Creating a VS 0:01:01

Creating a VS Code extension in 60 seconds

Learn Visual Studio 0:07:17

Learn Visual Studio Code in 7min (Official Beginner Tutorial)

Build your first 1:07:54

Build your first VS Code extension

So you want 0:14:39

So you want to make a Game Engine!? (WATCH THIS before you start)

LLVM in 100 0:02:36

LLVM in 100 Seconds

I made my 0:12:02

I made my own Code Editor

Create a project 0:01:12

Create a project folder (Visual Studio Code), create a file and open the Terminal (2/5)

Using Visual Studio 0:08:33

Using Visual Studio Code to make a website

Folders & files 0:00:29

Folders & files in VS Code made super fast like this!

Free Course: Beginner 3:57:17

Free Course: Beginner Web Design using HTML5, CSS3 & Visual Studio Code

How to Code 3:34:03

How to Code a VSCode Extension

25 VS Code 0:11:35

25 VS Code Productivity Tips and Speed Hacks

How To Create 0:09:21

How To Create Custom VSCode Snippets

Комментарии
Автор

I hope you all liked this live stream :)

zeno_rocha
Автор

For those who were interested in macOS Color Picker like me, you can try the temporary fix that I've found. Here is what you need to do:

1. Go to the
2. Rename every occurrence of "extension.macColorPicker" by "macColorPicker.open" in both "package.json" and "out/extension.js"
3. Restart the VS Code
4. A notification will probably show up asking you to restart the VS Code again, so do it

Nice video by the way! 🇧🇷

brendev
Автор

Really good. I'll try to create a theme. Congratulations, great video.

AlefyPimentel
Автор

That's AWESOME!!! Zeno is the best!!!

zeluizr
Автор

I was stuck on the part where we are supposed to press F5, for like 2 hrs. Turns out you have to close all files and open the folder of interest that goes to your extension for this to work. No tutorial states this. I finally figured it out after at least seeing what F5 was supposed to do at 12:12 in your video. Thanks!

ElectricRCAircraftGuy
Автор

Suggestion:
Add Jsdocs on your test file Zeno

diogocercilio
Автор

Thanks for this video. I'm a great fan of Dracula theme and I use Dracula Theme Pro in VS Code. It's awsome. That said, Zeno, I have a suggestion for Dracula (Pro & regular) : why not using #FDF6E3 for the Foreground. I tested it and it seems to work ;-) François in Paris (France)

TechnoBoomer
Автор

I'm desperate at this point. I need to do this with the new Unreal Verse language but I can't find a way to. VS Code picks up some of it, but apparently there are no recognized tokens? for Verse.
So my variables, functions and classes are the same color and it's awful. HALP. I'm super new to stuff like this but I can smell the finish line!

nymjiggits
Автор

.vsix is incompatible with VC code version 1.63.2
I tried and didn't work!

akashvaghela
Автор

it's possible to make it transparent ?

erzebethdreikanters
Автор

How to create a theme like synthwave one with neon glow ?

yashjani
Автор

Mine didn't work...
Command 'Extensions: Install from VSIX...' resulted in an error (Unable to install extension 'undefined.noah-dark' as it is not compatible with VS Code '1.60.0'.)
:(
I might be missing something.

pedroelton
Автор

40 minute video...
too much talking and filler.
This video could be reduced by 75% if you take out the exposition and all the filler not related to the topic.
Sorry, but I try to avoid this kind of content.

The_Pariah