Transforming VS Code: Beyond Themes! - Make VS Code Unrecognizable!

[@-Anubhab]

I could never imagine such vscode transformation. Thank you brother for making my day better definitely gonna try it

[@glennraya]

@@-Anubhab thanks, you’re welcome 🙏

[@-Anubhab]

@@glennraya hey brother good morning, and in case I don't see ya': good afternoon, good evening, and good night! I totally did the whole transformation and i am loving it. Also doing some tweaks and changes to my comfort and color.

[@-Anubhab]

@@glennraya but i had a question like how did you replaced the file icons in the explorer with no disclosure triangle in 1:05

[@glennraya]

@@-Anubhab Thank you! 🙏🏼 You can tweak it to your heart's content, you can even create a unique functionality using this technique as you can add your own JavaScript to VS Code. Enjoy!

[@glennraya]

@@-Anubhab You can install icon sets just like how you install a regular extension, you can go to the extensions panel and search for icons. I recommend "Catppuccin Perfect Icons", or you can browse something you like there.

[@Xyzzy-xe8le]

The key for these customizations is the fact that it relies heavily on keyboard shortcuts. For people like me, who can't remember 500+ shortcuts, I prefer menus. However, this was very informative.

[@Svpra_]

you can take all custom and just let the menu bar and it’s look cool

[@InarusLynx]

​@@Svpra_what? Try saying that again but reword it. You made absolutely no sense.

[@JayLooney]

One of the keyboard shortcuts (Ctrl+Shift+P) is secretly 500+ keyboard shortcuts in disguise, with a search function to find exactly what you need without having to click through the interface.

[@Tendeza_]

@@InarusLynx Just apply all the customizations, but keep the menu on. Damn dude it's not that hard, or you're just retarded

[@ayanbanerjee3672]

@@InarusLynxHe is saying you can do all the customizations shown but keep the menu bar from top which will have everything you need and overtime your muscle memory will remember the shortcuts. Also command pallete is there as well to search for what you need.

[@berkefekeskin9172]

bro made nvim inside vscode 💀

[@glennraya]

[@ItsBarmanji]

no one can make nvim inside any IDE, there would be so many inconsistencies even the yanking doesn't work properly in VSC it just doesn't go in global buffer. Sorry to say but VSC sucks.

[@glennraya]

@@ItsBarmanji Are you ok? I don't know what you're ranting about. This video is obviously just a customization video, not promoting VS Code (that you hate). And by the way, this customization is inspired by the Zed editor, not NVim, I haven't used it.

[@drugoviic]

@@ItsBarmanji you do know enabling vim mode, does exactly that

[@ItsBarmanji]

@@drugoviic actually it does not. yanking works horribly in vim mode the copying is not global scoped also the fire manipulation is just absurd compare to vim.

[@tonyg_nerd]

I had no idea we could change styles with JS like that. Very cool. Hidden under a setting labeled "custom css" ... priceless. Thanks!

[@glennraya]

Thanks! I’ll follow up on this since some people rightly pointed out that it’s too minimalist and lost some of the important features. But I’ll address that in the upcoming video. In the meantime, this setup is designed for editors who prefer a minimalist approach.

[@casadogaspar]

I use a minimalist setup myself, but you take it to next step with these rounds corners, well done. Getting some ideas for sure.

[@glennraya]

@@casadogaspar Thank you 🙏

[@eliasgill2453]

I could never bring myself to use VSCode, but wow, the level of customization is insane! You've taken the concept of "minimalism" to a whole new level. It's really cool to see how creative people can be when given the tools and freedom.

[@马青-p4j]

That command plate is so AMAZING!!!! Love it

[@马青-p4j]

I've try to find somthing like this for so long great job. bro

[@glennraya]

@@马青-p4j Thanks, enjoy!

[@maurolimaok]

I'm still on my first steps on Odin Project But this is the best customization I've seen so far. Awesome!

[@glennraya]

Thank you! 🙏🏼

[@spthepero2282]

Odin project? wtf? lmao 😂 Odin project 🤣

[@krazymeanie]

​@@spthepero2282???

[@mehliamm]

This allowed me to make the best coding experience ive ever had! Taking away things i dont use and learning keybinds felt so good🔥

[@glennraya]

Thank you, and enjoy making your editor a joy to use.

[@SenneCools]

Thanks for the great template! I had to tweak a few things, like fixing the command palette moving when fewer options were shown, but now it works perfectly. Love how it looks!

[@glennraya]

Thanks and you're welcome! 🙏🏼

[@codigomovil]

@SenneCools, any pointers on what you changed to fix the command palette? Or could you share the tweaks you made?

[@theblckbird]

@@codigomovil yes, please

[@maurolimaok]

I would LOVE to see this channel produce playlists on front and backend. Thanks for the video

[@glennraya]

Thank you! 🙏🏼 I would love to, but since this is a fairly new channel, I still only have a few videos in my library. When this grows, I will re-organize the contents.

[@Alita299]

I didn't ask for this, but turns out i've needed this every second of my entire existence, thanks man!

[@glennraya]

@@Alita299 you're welcome! Thanks 🙏

[@lu_k4x]

I've seen several vscode customization videos, and this was the most complete and different. congratulations and thanks for the content bro

[@glennraya]

@@lu_k4x thanks and you're welcome 🙏

[@마카-p6w]

Amazing, especially command palette. I really want to apply for my vsc asap. thanks!

[@glennraya]

Thank you!

[@마카-p6w]

@@glennraya May I ask you a question? I applied the command palette partially and used it. When I type something and the result shrinks, the command palette also shrinks, and the input command gradually moves toward the center. Can I fix it based on the initial palette's top line?

[@glennraya]

@@마카-p6w I ran into the same issue and you can simply add this piece of css: .quick-input-list, .quick-input-list .list_id_6 { min-height: 400px !important; } That's the classes that controls the command palette height, you can also experiment with your own implementation.

[@마카-p6w]

@@glennraya Thank you so much!

[@QuốcĐạtĐỗNguyễn]

So cool, man! I never thought customizing VS Code deeply would be so easy. Thank you so much for making my day better-I’m definitely going to try it!

[@glennraya]

Thank you! 🙏🏼

[@UbaidMirza]

That's amazing. I could'nt imagine how flexible it is to customize it that much. 🔥

[@vijay_you]

Really cool video👍. Never thought customizing vscode deeply would be so easy. Thanks

[@lucasbois2535]

2:22 if you move the activity panel to top, its much smaller and you still can access it with the mouse. can be a good transition to completly hide it

[@airpodsclub6443]

its the tutorial that im looking for brooo! i really like to keep my vs code minimalistic as possible but this one push beyond what i have rn, so thank you

[@TheRebootr]

This is the most nice looking VSCode setup! I followed it and made some tweaks to make this like my terminal set up. This tutorial is so helpful that not only it guides you but also teach you how to customise the settings yourself in an easy and concise way of explaining. Kudos!🎉

[@glennraya]

Thank you 🙏🏼

[@anaaaa-c1p]

This video deserves millions of likes, my vscode was beautiful!

[@glennraya]

Thank you so much! 🙏🏼

[@mahmudulhaquequdrati1238]

one of the best video, i have ever seen. Thanks man. I have been in this field for the last few years but my vs code was not looking great, but it will look great now

[@glennraya]

Thank you! 🙏🏼

[@gautam_vaishnav]

The best customization video ever

[@glennraya]

Thank you! 🙏🏼

[@sakibcoder]

Damn, I will surely customize the command plate and scrollbar right now!!!

[@imadsaddik]

Amazing video, I never thought that such customizations can be done in vscode

[@glennraya]

@@imadsaddik Thank you 🙏

[@Trojan.Win32.Vandenplas]

I always wanted to give VSCode a more Aqua look, like how the old Mac OS X versions looked (Snow Leopard GUI for example) so this is a wonderful tutorial. Thanks for sharing.

[@glennraya]

@@Trojan.Win32.Vandenplas Thank you!

[@amliux]

If anyone is trying to follow along with Codium and noticed that there's no "Custom CSS and JS Loader", try "Apc Customize UI++" instead and import the css on your user settings JSON as: `"apc.imports": ["yourOwnPath"]... thanks for the video!

[@soldout2866]

yes, i have encountered the same problem and it did not work the CUSTOM CSS.... and i followed your suggestion, "apc.imports": ["file:///Users/myUsername/vscode_custom_css"] is what i've typed for the extension of APC, however idk why it still did not work? could you assist me further? i would really appreciate this. thanks

[@arsh_10x]

@@soldout2866 I guess it should be vscode_custom_css.css

[@HarryMcKenzy]

@@soldout2866 from the extension readme : "apc.imports": [ "/Users/some/path/style.css", "/Users/some/path/script.js", "/C:/Users/path/style.css", // Windows path ... no "file://" in the path

[@maxrem5325]

Duuude, it's crazy. You nailed it!✨

[@glennraya]

Thank you! I will be releasing sort of a part 2 of this, where I will discuss VS Code editing productivity. Since this is a minimal setup, a lot of people rightfully criticized it's too simple, like the line numbers are gone, tabs are gone and so on.

[@maxrem5325]

@@glennraya oh man, keep up, for sure

[@jackg-dw9im]

Great design and fonts, well done!! Thanks!

[@socks5proxy]

you've opened up so many ideas for me. thank you!

[@glennraya]

@@socks5proxy You're welcome! 👌

[@ardianhotii]

Thank you a lot , I changed the command palette to the center and added the blur to background , love it

[@glennraya]

Thank you! This layout by the way is inspired by the Zed editor, which has a similar layout. I'm tired of VS Code's old look. hahaha

[@veillerguise]

I've always been attracted to super dark themes, but no matter how many times I've tried to keep it like that, I kept on switching themes like a maniac. I finally settled with the Slack inspired light theme and I honestly thought this would be the end of the endless theme hunting. Your video showed up on my news feed and I honestly wasn’t expecting much. I'm glad I was wrong. Thank you so much! This is honestly the best discovery I've made in a long time.

[@glennraya]

Thank you! 🙏🏼

[@ThePandaGuitar]

The command palette is 🔥

[@vwiizz]

Thank you. You bring joy to the world !

[@glennraya]

Thank you! 🙏🏼

[@gadgetboyplaysmc]

thanks pare. Idk how you discovered or actually felt the need to do this but this is definitely different haha.

[@glennraya]

Just for fun, maarte ako eh. 😃

[@kronixosneko655]

Pretty cool tutorial, Prompts me to wonder if I could inject custom css and js into other Electron-based applicstions too haha.

[@glennraya]

@@kronixosneko655 thank you. You might if it's open-source.

[@rd_626]

"VS Code looksmaxxing"

[@dreams4550]

Update for Window users: it seems that it conflict with APC Customize UI extension, and you have to open it natively with admin permission so it won't cache with other profiles. Tbh that's a deal breaker for me. It's quite fair to said that this video is more so towards Mac users, for window is a debatable option.

[@glennraya]

@@dreams4550 Ah that's right. I remember I also used APC before and yeah it conflicts with css and js loader. However, this is not just for mac users as there are a lot of windows users who doesn't have the same issue.

[@ChuanyiXia]

VS Codeはテーマや拡張機能でカスタマイズが簡単にできるエディタですが、さらに進んで見た目や動作を大きく変える方法が紹介されているのは新鮮です。自分好みに完全にカスタマイズすることで、開発環境がより快適になり、作業効率がアップしますね。どんな拡張機能や設定でVS Codeを変身させるのか、具体的な例が気になります！

[@rmscoal_dev]

This is really cool !!! Thanks for the video.. Learnt a lot!

[@glennraya]

Thank you! 🙏🏼

[@jamesgreen9070]

If you don't work with css files often, you may have to change your encoding to UTF-8 for the file type. Spent hours to figure that out.

[@glennraya]

@@jamesgreen9070 In my case I didn't have to do that.

[@pauljohnsonbringbackdislik1469]

I changed it to restore some icons and change font family to Prompt. Did not take much time. Thanks for sharing! Let me know if you'd like to see remixes as a PR's (for inspection and inspiration for future versions)

[@glennraya]

Thank you! well actually it's my personal preference only (the one in my settings). So I can easily restore mine in case I got a new machine for example, so probably let's skip the PR for now. 👍

[@zeus_000]

Bro really removed two square box that wrap your opening and closing parenthesis💀💀💀💀This feature is life saver when working with js callbacks where you have loads and loads of curly braces with same colors.

[@glennraya]

I know it's not for everybody, I've been working with JS for years and haven't got an issue with those square boxes and the other stuff that I removed (tabs, line numbers, mini map, etc) 😆 I just wanted a minimalistic setup that I can immerse myself with the code I'm working on. But of course, everyone is different and should use the setup that makes one most productive.

[@aliqureshi4194]

We need more customisation videos.

[@socks5proxy]

Thanks!

[@glennraya]

@@socks5proxy Thank you! 🙏

[@kartikvishwakarma7567]

Bro you are a real Developer! Hats Off

[@glennraya]

Yes, I'm a full-stack developer.

[@Undefined-Shade]

I've quite understood that customisation isn't for me rather just a simple vsCode theme and 2-4 Quality of Life extensions are fine. And I recommend the same, productivity over asthetics!

[@glennraya]

Productivity and aesthetics can co-exists, especially for designers/dev (like me). Of course, everyone is different, which is fine.

[@Undefined-Shade]

@@glennraya Great Perspective brother!!

[@haniahani5351]

You are electronjs expert man ❤

[@glennraya]

@@haniahani5351 Thank you 🙏

[@Ok-jh9xx]

Awsome video. Thanks man!

[@facundoherrera7846]

I love u ...just this is the best customization ever

[@glennraya]

Thank you! 🙏🏼

[@eluertmukja5549]

This will be my first task tomorrow morning 😂 but in light mode! Thanks!

[@glennraya]

You're welcome! I should also make a version in light mode, since my examples is for dark mode. haha

[@eluertmukja5549]

@@glennraya would love that! 🎉🙏

[@IMONSP33D]

" but in light mode"--- This man is dangerous

[@eluertmukja5549]

@@IMONSP33D finished already 😂

[@_brillz]

​@@eluertmukja5549 check out stylta material light.

[@sparshaneeljana3950]

8:30 Even though I entered the correct PATH of the custom-vscode.css file in the settings.json file, The source is saying that it couldn't load the custom-vscode.css file. My OS is Windows, what should I do?

[@glennraya]

If you're on Windows, you should run VS Code with admin privilege so it can modify itself.

[@VelixRoblox]

@@glennraya did that, doesnt work

[@glennraya]

@@VelixRoblox Often times the path was wrong, path should be exactly as shown. If it still doesn't work, might be some other extension are conflicting with CSS and js loader extension.

[@VelixRoblox]

@@glennraya nvm, i fixed it with a little help from ChatGPT. Thanks for the reply tho!

[@dragstarx4347]

@@glennraya Hey i am facing same problem can you please guide me

[@vampiredesai]

thanks bro it helped me a lot!

[@walterns1627]

For some reason I wanted soo bad to hide cursor logo 😂. Huge Thank

[@VaibhavShewale]

damn, gonna edit according to my liking now!

[@TherryYT]

Very cool config, man👍

[@glennraya]

Thanks 🙏🏼

[@RakeshSangode]

Could you make short tutorial for Windows? The changes aren't being applied correctly on windows. This is the best customization I've seen so far for vs code.

[@glennraya]

You need to make sure that you start VS Code as admin for the changes to take effect, for some people this fixes the issue. Or you need to take ownership of the css/js files.

[@dreams4550]

@@glennraya I have tried running vscode as admin and it doesn't work. The only thing that I'm not sure about is the ownership of the css/js file. As I simply create the file and paste the CSS/JS into it. I don't think I should change any ownership if I did that, no?

[@arsh_10x]

@@dreams4550 I am also facing same issue

[@lapilule1337]

Thanks mate, I'll do the switch for the command menu dialog 👍

[@chidoriswag]

This is so dope man!

[@glennraya]

Thank you 🙏🏼

[@AdityaSinghCodes]

This is just incredible. Love you man.

[@TinNguyen-i6m]

Great cuztomization. keep it up 🤞

[@SaywhateverI]

Lol I love the full size visual studio look.

[@MohamedElguarir]

Thank you Glenn, Amazing content man 🙌🙏

[@glennraya]

@@MohamedElguarir you’re welcome! 😊

[@joseph5058]

saw your video on tiktok and didnt save it. open youtube just to see your video. much appreciated. i love my new setup

[@glennraya]

@@joseph5058 Thank you. 🙏

[@samldev]

Looks really nice! The only thing I don’t like is how the command palette’s text input moves as the list of results shrinks. Everything else is great!

[@glennraya]

Thanks 🙏🏼, the shrinking can be fixed with CSS.

[@realdefaulto]

You can hide the minimap using the appearance submenu as well.

[@SuryaKarigar]

This is like a weapon upgrade for a commando.

[@JSONFX]

I love this! Thank you so much kabayan!

[@glennraya]

@@JSONFX Thank you, you’re welcome po

[@illusry7631]

Cool video. Personally I wouldnt remove the line numbers though, I think its a useful metric to have. And what if you were to send a coworker a screenshot of a code block, and wanted to include the line numbers to give them a clearer idea of where youre looking at? I also use vim motions when I have to use vscode, so sometimes use it to jump to specific lines.

[@glennraya]

Thanks, of course different devs have different preference, good point if you want to take screenshots with line numbering to your colleague, personally, I just use keyboard shortcuts (cmd+p, then type : to go to specific line numbers.). But yes, some people prefer that line numbers be shown. BTW, line numbers can also be customized (Almost everything in fact).

[@illusry7631]

@@glennrayayeah totally, to each their own. I might have to try out customizing the line numbers

[@Merc5CoD]

Where do i find images like the one you showed at this timestamp 15:03, i want to find one for C++

[@glennraya]

You can find them from here: www.svgrepo.com/

[@Merc5CoD]

@@glennraya thank you

[@hassanainadm1600]

Great Work Man thanks a lot

[@glennraya]

Thank you! 🙏🏼 You're welcome

[@AbhinavKulshreshtha]

Command pallet is good, but I could never live without my line numbers and tabs. Even though I don't use tabs a lot directly, preferring ctrl+p for it. Somehow I prefer to see the open tabs as a measure of how much I have worked.. :P😅

[@glennraya]

Absolutely fine, you can tweak it however you like. I could live without the line numbers being display since I can go to the line numbers quickly if I need to by just typing ":" from the command palette, then type the line number you want to go.

[@anantakesharipanda4085]

Do a similar video for Sublime as well! I know Sublime won’t allow such heavy customisations, but it would be cool to know.

[@glennraya]

I haven't used Sublime in years and I'm not sure if it's really as customizable as VS Code.

[@anantakesharipanda4085]

@@glennraya Sublime is waaaay smaller and lightweight than VS Code(compare the size of their installers), but it’s closed source as well, so the customisation options must be very limited. I’m guessing it allows building custom themes other than the ones it ships with, and changing syntax highlighting colour schemes for a language. But even that is not covered in detail by many people on KZbin. So, if you could even design a cool looking theme on that and provide a walkthrough on how you did it, it would be quite awesome!

[@glennraya]

@@anantakesharipanda4085 Yes, but I think it's not as customizable as VS Code since you need a license for it.

[@isaqibshafique]

Thanks brother • I'll try. ❤

[@glennraya]

You're welcome

[@JRischill]

Maraming salamat kabayan, magiging viral to

[@glennraya]

You're welcome po

[@dreams4550]

Having trouble on windows, even though the paths for the custom CSS and JS are correct it couldn't apply those to my vscode. Have the C:/ and Admin permission while running vscode. However, the style couldn't apply after enable custom CSS and JS. Not even changing the comments color. If any window user able to replicate this it would be awesome for some guidance!

[@glennraya]

Some Windows users also experienced this. They fixed this by running VS Code as admin, so Code can modify itself.

[@dreams4550]

@@glennraya I have tried this, and ensure that the path is correct. If the path is wrong usually you would received "Cannot load file:///C:/Users/... Skipping" from custom CSS and JS Loader extension. But couldn't change even the comments color /* Code comment style */ .mtk3 { color: yellow !important; } Failed.

[@glennraya]

@@dreams4550 That is weird of you already ran vs code with admin privilege. Have you tried taking ownership of the files? Or refer to the extension's docs

[@Whizzy.mp4]

@@glennraya even i have the same problem....

[@glennraya]

@@Whizzy.mp4 Have you tried this on your settings.json? // "file:///C:/path-of-custom-css/custom-vscode.css", // "file:///C:/path-of-custom-css/custom-vscode-script.js"

[@neoTriny]

Very well explained

[@glennraya]

@@neoTriny thank you 🙏

[@Oculus-Deus]

Will you make a video on the background in 16:14, so everytime you open vs code it changes to another background image? Great video btw!

[@glennraya]

Thank you 🙏🏼That background was created in Figma and just get some open-source tech logos from svgrepo.com. For the background changing effect, you might need to that in JavaScript for it to work, I think it's possible, I haven't tried it yet.

[@Oculus-Deus]

@@glennraya If you ever do try it, would you mind sharing it on your KZbin channel? I would like to use this kind of feature, i would love to use it

[@maximenadeau9453]

This is absolutely bonkers. Thank god now I don't have the eyesore of the crappy UI design of vscode every day for the rest of my life !

[@husnulaman]

This is amazing bro. Btw I noticed that the file explorer icons haven't changed in your final output as in your demo in the beginning. What is that icon pack?

[@glennraya]

Yes, I didn't change the icons, I used Material Icons.

[@SirFisho]

Awesome video! Just one question: i followed every step, everything is working just fine, but i get the warning (everytime i open vscode): your Code installation appears to be corrupt. Please reinstall I also installed from scratch deleting everything, but i get the same error. I’m on Mac with silicon

[@glennraya]

Thank you!, that "corruption" message you see is just a side effect of the modification, but it's normal. As stated in the Custom CSS and JS Loader extension's docs, that behavior is expected. All you need to do is ignore it and click the "Don't show this message again." button from the gear icon of the popup message. Please refer to the extension's docs for more info.

[@AshwinMothilal]

Have you tried "Apc Customize UI++" extension?

[@glennraya]

@@AshwinMothilal yes I have.

[@eduxchief]

Can someone help me, at 8:47 when I activate CSS and JS, it gives an error how to solve?? It seems that it asks to run with admin

[@glennraya]

what is the error it give you? If you're on windows, you need to run VS Code as admin so VS Code can modify itself.

[@eduxchief]

@@glennraya I ran VS code as admin and it seems to work... thanks.

[@code1866]

And what does the diff view, the terminal or the extensions panel look like?

[@glennraya]

Those views are just going to use the current theme you use. I didn't touch them since I'm not using them, I always the terminal for git stuff.

[@xiztspike81]

Thanks so much! ♥ 🤩

[@RubayedAhmed-z5o]

External css file cannot find by vs code. I put the directory properly, but the extension gives me an error. How can I fix this issue?

[@glennraya]

If you are on windows make sure the file path is correct "file:///C:\...", or you need run vs code as an admin. If you are on macOS or Linux, you may need to take ownership of the css/js files. Please refer to the docs from my Github repo.

[@Whizzy.mp4]

@@glennraya not working bro

[@glennraya]

@@Whizzy.mp4 Kindly check your file paths if you're on Windows: "file:///C:/path-of-custom-css/custom-vscode.css", "file:///C:/path-of-custom-css/custom-vscode-script.js"

[@kevinirabor1370]

This is awesome! Thanks for the detailed tutotrial. I was making my own modifications and I',m wondering if it's possible to have different colors for a directory vs a file at the moment I can only change colour for both of them but not individually, maybe I missed something.

[@glennraya]

Thank you, regarding your question I think you can. You'll just need to figure out the element/class name that controls different parts of the UI, and then you can tweak it to your liking as seen in the video. However, you might need to dig deeper in some areas. I haven't tried what you want to achieve though. But I think it's possible.

[@kevinirabor1370]

@@glennraya I figured it out eventually thank you :)

[@glennraya]

@@kevinirabor1370 I'm glad! Enjoy

[@ThatRandomDude914]

Seriously considering switching back from Jetbrains

[@rithviksighakolli]

Where should we create the files: custom-vscode.css and vscode-script.js? Please Reply

[@glennraya]

You can save these files anywhere in your computer, so long as you correctly reference the path in your settings.json file.

[@mboyamichael7618]

When it comes to different profiles, is it possible for this to be in only one profile?

[@glennraya]

No, you may need to create one for each profile.

[@mboyamichael7618]

@@glennraya oh thats perfect. I wanted to have it in only one profile. Thanks so much for all this

[@ranajitmukherjee9789]

the plugin does not work with my vscode. I am using mac silicon , Any idea how can I resolve this issue?

[@glennraya]

You might need to take ownership of the css/js files.

[@PhysicsLaboratory-cp7eq]

Looking like neovim, and yes thats a complement.

[@glennraya]

@@PhysicsLaboratory-cp7eq I honestly never used neovim at all and if there's a resemblance, it's purely a coincidence. Haha 👍

[@JAOcero]

Aweeeeesomeeee

[@glennraya]

Thank you! ☺

[@orangezombie6372]

When I try to enable or reload the extension it doesn’t even tell me I need to refresh vscode and even if I completely close it and open again as both admin or not it doesn’t show any update

[@glennraya]

Kindly double check the URL path you specified on your settings where the css/js are located. The 'file:///...' should be prepended ex. file:///C:\path-of-custom-css\custom-vscode-script.js. Please check the docs from the Git Repo.

[@orangezombie6372]

@@glennraya I have triple checked it and when i ctrl+click the link it opens the link but it seems like the extension is just not recognized by my vs code for some reason

[@CarCanic_]

It would be wanderfull to add preview on search with ctrl+p

[@glennraya]

@@CarCanic_ that would be challenging to do, I’m not sure either if it’s possible.

[@CarCanic_]

@@glennraya kid of like fuzzy finder

[@jairpinto821]

after following the steps, I got a warning about an installation corrupt, any idea? I mean, works but the warning is annoying, and it appears even if I check "do not show again"

[@glennraya]

That behavior is expected as said in the "CSS and JS Loader" extension. You just need to click the "Don't show again" button from the gear icon when the pop-up dialog appears. VS Code thinks some file is corrupted since you injected custom CSS/JS, but it's normal.

[@_Verac]

With that centered command prompt and background blur, searching a word in the entire project is going to be impossible as you can't see what the text editor highlighting.

[@glennraya]

Actually no, searching for keywords is not going to blur ghe background, that's only for the command palette. The search keyword dialog (cmd+f) won't blur the background.

[@rizkiiqbalyt]

What a masterpiece 🔥

[@Pankecal-v4k]

okay absolutely sick. Neovim feel tbh. But how well is it for memory?

[@glennraya]

I've been using this for months, and there's no impact on performance or memory, it's just a simple CSS tweak nothing really fancy.

[@HonestLiar12]

the two files i imported aren't doing any changes even though the file path is correct

[@glennraya]

You need to reload the extension. You may also need to take ownership of the files of VS Code to modify itself on certain systems. You can find it from the extension's docs.

[@HonestLiar12]

@glennraya Thanks, I found the problem! I had to move VSCode from the Downloads folder to the Applications folder. Appreciate the help

[@HonestLiar12]

@@glennraya just a question how did u replace the folders arrows with icons?

[@glennraya]

@ you can install that as extension. You can search it from the official vscode marketplace.

[@HonestLiar12]

@@glennraya found it thanks dude your the best