Vscode Extras

[possum-enjoyer]

Really like the theme and was wondering if it is possible to port it like a port for zed but for vscode.

[uhs-robert]

Thank you, this was quite fun to make. And yes, it is indeed possible!

How to Make a VS Code Theme Generator

TLDR: Use a blank VS Code theme JSON file, create that file via Lua, map the colors during file creation, and test it out.

1. Here is a blank VSCode Theme Template with comments to use as a reference point.
2. Write Lua script to create the JSON file above with all colors filled out.
   • I would use one of the preexisting theme generators as a reference point from Extras.
     • The closest one to this request is the Zed Generator.
     • For a simpler example, see Kitty Generator to get a basic understanding of the process.

Disclaimer

I am happy to review and merge any pull requests. I'm not sure when I'll have time to complete this request. But all the tools needed to fulfill this request are there, the path is clear, and I'm happy to provide any guidance to whosoever would like to fulfill it if they get around to it before I do.

[possum-enjoyer]

Thank you, this was quite fun to make. And yes, it is indeed possible!

How to Make a VS Code Theme Generator

TLDR: Use a blank VS Code theme JSON file, create that file via Lua, map the colors during file creation, and test it out.

1. Here is a blank VSCode Theme Template with comments to use as a reference point.
2. Write Lua script to create the JSON file above with all colors filled out.
   • I would use one of the preexisting theme generators as a reference point from Extras.
     • The closest one to this request is the Zed Generator.
     • For a simpler example, see Kitty Generator to get a basic understanding of the process.

Disclaimer

I am happy to review and merge any pull requests. I'm not sure when I'll have time to complete this request. But all the tools needed to fulfill this request are there, the path is clear, and I'm happy to provide any guidance to whosoever would like to fulfill it if they get around to it before I do.

Thanks a lot for this very thorough description of how to do it. I am more than happy to make this and will try my best to make it work and with the existing Zed Generator as a guide this should be doable.
Sorry I forgot to add that I am more than happy to create a pr for this in my issue.

Edit: One Issue is unlike with an Editor like Zed there is no themes folder for vscode afaik. So i would have to create an extension and users would have to install a vsix file (either provided here or diy)

[uhs-robert]

That sounds great!

I just went ahead and refactored all the generators to use shared utilities for opening files and accessing colors. You may want to grab the latest revisions to main when making your fork to use those new utilities. This should make the process a bit easier and less verbose for future extras generation.

As for the publishing of extensions on VS Code, I do believe that is a hard requirement, and I have heard it is a bit of an ordeal. The process is outlined here. That makes it a bit tricky as far as maintenance goes for 18 themes haha. I'd be happy to go through that part of the puzzle if we can, at least, get the base template generation setup.

[possum-enjoyer]

That sounds great!

I just went ahead and refactored all the generators to use shared utilities for opening files and accessing colors. You may want to grab the latest revisions to main when making your fork to use those new utilities. This should make the process a bit easier and less verbose for future extras generation.

Thanks for that heads up. This should help.

As for the publishing of extensions on VS Code, I do believe that is a hard requirement, and I have heard it is a bit of an ordeal. The process is outlined here. That makes it a bit tricky as far as maintenance goes for 18 themes haha. I'd be happy to go through that part of the puzzle if we can, at least, get the base template generation setup.

Actually you don't need to publish it and you can just create an extension and provide the project. I did a fork of the horizon-extended theme for vscode a while back and created an extension file which i use
https://github.com/possum-enjoyer/horizon-extended for reference

[possum-enjoyer]

Hey just a heads up. I am currently struggling irl with some illness which is why i wasn't able to map all the colors to vscode. Also the vscode has semanticTokenColors and tokenColors and this takes some time to get it right. If you want to do it yourself feel free, i will need some more time to recover currently :/

[uhs-robert]

Hey, no worries! I'm sorry to hear that, but I do appreciate you following up, and I hope that you feel better soon! 🙏🏻

I may have some time over Winter to get this one knocked out. I got a few other generators taken care of recently, I really got into the swing of making those lately 😄

[possum-enjoyer]

I may have some time over Winter to get this one knocked out. I got a few other generators taken care of recently, I really got into the swing of making those lately 😄

Thats cool thanks <3, i can try to share my current progress with you if you want. I also started to do more on the port after i wrote my comment. i really want to match zed and nvim as close as it gets (there could be some mismatch in some tokens due to the way all those ides categorize them for example the "return" keyword in js/ts).

[possum-enjoyer]

This is the current progress: https://github.com/possum-enjoyer/oasis.nvim/tree/vscode

Feel free to add or change anything you like.

This is what it currently looks like (oasis night)

Edit: I did some improvements and i think it's now very close to be done or done. Some properties in the colors field are still missing and the tokenColors can be expanded. @uhs-robert i hope you like it. Color contrasts are over 7:1 everywhere (sometimes 7.xxx:1) so it should be AAA WCAG compliant too :)

[uhs-robert]

That's awesome! I'm working on a couple of other projects at the moment, but I will take a look soon and do some testing with each theme to make sure all is well.

Thank you for putting in the time and effort!