Hi, this is my attempt at trying to make VSCode look like Trae / Fleet.
I'm not willing to install the ByteDance's Software on my personal computer since i don't trust in their privacy policies concerning the code i'm writing, but i really like the way they approach the idea of designing an IDE.
That's why i created this repo, which is using some VSCode extensions to make VSCode prettier (in my opinion).
- VSCode version 1.96 (Tested, maybe it works on older or newer versions)
- Install the Trae Themes extension and select Dark.
- Install the Custom UI Style extension.
- Install the Geist Mono font from Vercel. (optional)
- Copy my settings.json file to your config (most important part is
custom-ui-style.external.importsandworkbench.colorCustomizations) - Create a folder and copy the
settings.cssandexplorerTitleHandler.jsfiles. - Update
custom-ui-style.external.importswith your own files.⚠️ Warning⚠️ Keep thefile://part - Run the
Custom UI Style: Reloadcommand in the command palet (ctrl/cmd + shift + P)
The CSS is specificly made for my personal use. It might not work correctly depending on your tabs positions. It's currently hard to develop some custom VSCode UI and make it work for all.
I tested on MacOS (M1 Max & Intel) & Windows. But i think any OS will work, you might need to adjust some settings or CSS depending on your OS.
Again, i only tested on my machine and on MacOS. You might need to adjust some css settings to your likings (settings.css).
It might work, but you might need to adjust some things since css classes might vary depending on VSCode's version.
No, i never worked at any of this companies, and i do not own any rights for their designs. I only tried to make my dev tools look the best way possible by inspiring myself from their tools.
Yes, if i find some issues with the UI and my usage, i will update the CSS accordingly. As mentioned earlier, i'll also try to implement my work for a Windows environment.