How to make your own VS Code theme!
Why Stack Overflow recommends it
Stack Overflow users cite it as the tutorial they followed when asking why a theme setting or the extension debugger isn't behaving as shown in the video.
Recommended by 0 people across 0 different months, 2021 to 2023.
What it is
A 15-minute tutorial from Coder Coder on building and publishing a custom VS Code color theme. It covers how VS Code colors and themes work, generating files with the Yo Code extension generator, customizing colors, and packaging and publishing to the marketplace.
What people said
Cites tangkwa · 2021-05 · Stack Overflow · on “VScode theme debugger on apple silicon M1”
I'm new to all this. I already install node v15.14.0 on my computer and I follow this tutorial to create vscode theme. [this video] When I try to test the theme by press F5. There was a pop-up said that You don't have an extension for debugging 'JSON with Comments'. Should we find a 'JSON with Comments' extension in the Marketplace? I already got launch.json file. Is there any extension I need to install to test the theme? Is it relate to apple M1 that I can't debug? and what debug environment is suitable for vscode theme testing.
Cites Ksoup · 2021-07 · Stack Overflow · on “"You don't have an extension for debugging 'JSON with Comments'" warning when debugging VS Code theme”
I generated the files necessary for creating a color theme in VS Code. I did this with the generator-code [LINK] node package. My file structure is as follows [LINK] When I run VS Code's debugger, I get this warning [LINK] that prevents the debugger from running. Here are the contents of my launch.json file for reference: { "version": "0.2.0", "configurations": [ { "name": "Extension", "type": "extensionHost", "request": "launch", "runtimeExecutable": "${execPath}", "args": [ "--extensionDevelopmentPath=${workspaceFolder}" ], "outFiles": [ "${workspaceFolder}/out/**/*.js" ], } ] } In case you're wondering what I'm expecting to happen when I run the debugger, here's the moment [this video] in the
Cites Techy Shadow · 2021-08 · Stack Overflow · on “How to change the background color of the tab bar of vscode using settings.json”
I've been following this tutorial by Coder Coder to make my vscode look better (tutorial link [this video] ). As per the video I've opened the settings.json file and just wrote some code But when I can't be able to find the code to change the background of the tab-bar.( [LINK] ) Here is what I've tried: "tab.background" : "#000000" Here is the code: "workbench.colorCustomizations": { "editor.background": "#000814", "sideBar.background": "#000d20", "sideBarTitle.foreground": "#ffd60a", "sideBarSectionHeader.foreground": "#ffd60a", "activityBar.activeBackground": "#ffea81d5", "activityBar.background": "#22223b", "statusBar.background": "#ffd60a", }
Cites Techy Shadow · 2021-08 · Stack Overflow · on “How to change the color of the icons in the activity bar using settings.json”
I've been following this tutorial by Coder Coder to make my vscode look better (tutorial link [this video] ). As per the video I've opened the settings.json file and just wrote some code But when I try to change the color of the icons in the activity bar, nothing happens, here is the line of code I tried to use to change the color: "activityBarBadge.foreground": "#000000" this does not work though Here is the code: "workbench.colorCustomizations": { "editor.background": "#000814", "sideBar.background": "#000d20", "sideBarTitle.foreground": "#ffd60a", "sideBarSectionHeader.foreground": "#ffd60a", "activityBar.activeBackground": "#ffea81d5", "activityBar.background": "#22223b", "statusBar.backgroun
Cites Nor.Z · 2023-02 · Stack Overflow · on “How can I get regex syntax highlight for `new RegExp` in js in Vscode?”
Update : it was so obvious that this is a bad idea, and I didnt notice it: -- the escape character \ in String has different meaning than in Regex Literal -- and so String should not be highlighted as Regex Literal (unless you really mean to & has a way to solve the \ escape problem) preface again, Im not professional on this, some of the steps are imperfect/redundant -- especially for source.js overwrite : I have no idea what is the side effect of overwriting the default TextMate rule !!!!! I have no idea what is the side effect of overwriting the default TextMate rule !!!!! I have no idea what is the side effect of overwriting the default TextMate rule !!!!! (if this doesnt work, Idk. ) (