VS Code | My Setup #7 - Apc Customize UI++ extension
HTML-код
- Опубликовано: 20 авг 2024
- Let's reproduce my VS Code setup by applying settings one by one.
🧪 Repository: github.com/igo...
🧪 Source code for every lesson: github.com/igo...
🛠 Apc Customize UI++ extension: marketplace.vi...
🎨 Theme: marketplace.vi...
🎨 Icons: marketplace.vi...
✍️ Dank Mono Font: philpl.gumroad...
✍️ JetBrains Mono Font: www.jetbrains....
🍿 Playlist: • My VS Code Setup
#vscode #visualstudiocode #codeeditor
Nice tips! thank you!
You are welcome!
hi i was wondering, im on windows and it seems to be a bit different there. For example disabling breadcrumps hides the entire path of the opened file. I also dont have the 3 dots in the header and using apc.header to change the size doesn't do anything. I would really like to change the header size and have breadcrumps disabled while still showing the path
Hello, yeah, there most likely will be differences, I haven't tested this setup on Windows. But maybe I could help with some of your problems if you could share screenshots of the UI elements you are talking about. If you wish, you can send screenshots to my Telegram chat - t.me/igor_babko_chat
Does anyone able to make this work on ubuntu? I have tweaks and I already set the window buttons placement to left. But trying this tutorial, the x & y doesn't work on mine.
Unfortunately, I cannot test this on Ubuntu at this time.
thank you! very useful
You're welcome!
muito bom!!
Thank you!
Hi, I am trying to follow your steps to change the opacity, but nothing is changing. I do not understand why
Hi there, are you on Windows?
From the beginner of your video the maximize and minimize buttons are on the left side in the same row of the command center. How did you do this?
On macOS it's positioned like this by default. Do you use Windows?
@@igor_babko no , I’m using Mac. But for me , the traffic lights is not in the same level as command navigation tool
Interesting. Maybe you have some settings that overwrite it, you can also try to temporarily restore all your settings to default ones to see if it makes it to be on the same line.
It may also have something to do with your VS Code version.
What if you download VS Code Insiders build (Mac Universal) - code.visualstudio.com/insiders/
I have just installed it, and the command search bar is on the same line as the traffic lights buttons.
i’ve a question: i use git within vscode and sometimes the indicator for changes on the activity bar has a low z-index. My activity bar is at the bottom like yours. i wonder if i can target its z-index.. do you know if that’s possible?
Yeah, you could. That badge indicator has a class of .badge-content, but I think the problem here is not with z-index. It's because several ancestor elements have overflow: hidden, and that is why the badge indicator sometimes cuts off. You can probably try applying the overflow: visible property to several ancestor elements until you see that the badge indicator no longer cuts off by its parent element. In my case I had to apply overflow: visible to elements with the following classes, but in your case it may be different:
.part.activitybar.right.bordered
.badge
I'm getting an error when using APC when I'm using Visual Studio Insiders
Have you also tried with usual VS Code installation? Does it only happen in VS Code Insiders?
Btw, what does the error say?
@@igor_babko insiders
If it only happens in Insiders version, maybe there are some compatibility issues. But I haven't tried to dig further to figure out the root cause, since I use normal VS Code build. I haven't encountered any issues with Apc Customize UI++ extension while using it.
Customize ui stopped working does it work with font changes and view?
I use the current version of VS Code (1.87) and it works fine.
Could you clarify a little more what you mean by "font changes and view"?
Nvm....it works @@igor_babko
There use to customiseUI extension which stopped working last year...but the one you are using is working.
Thanks your look is sleek...I use monochrome to make it look like a shadcn like..
Thanks...it is great :)
#SaveSoil
Thanks! Ah, you meant the old customize ui extension. Yeah, that one no longer works.
This one looks good, by the way 👍 - github.com/anotherglitchinthematrix/monochrome
Cool extension. But I have question in my mind "Is it possible to have separate setting for different user?" means if I want to go to default UI like fresh installation so is it possible to switch between? I hope you understand my question!
Thank you! Yes, it's possible to have several separate configurations, this feature is called "Profiles" in VS Code - code.visualstudio.com/docs/editor/profiles
@@igor_babko That's so cool Maaaan! Thanks for sharing.
You are welcome.
Hi! What is theme being used?
Hello! The theme is called "Aura Spirit Dracula Theme" - marketplace.visualstudio.com/items?itemName=JoseMurilloc.aura-spirit-dracula
The icon theme is called "Material Icon Theme" - marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
@@igor_babko Thank u man.
You are welcome
You're font name and theme name please?
The theme is called "Aura Spirit Dracula" - marketplace.visualstudio.com/items?itemName=JoseMurilloc.aura-spirit-dracula
The icon theme is called "Material Icon Theme" - marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
The font is called "Dank Mono" - philpl.gumroad.com/l/dank-mono
Here is the Gist with my latest VS Code settings in case you are interested - gist.github.com/igorbabko/c7eec47cb78f9cf1fe9e5038da62f0d8
and my keybindings - gist.github.com/igorbabko/ff9480733247abbb21274467ef6f23e2
Let me know if you'll have any questions.
@@igor_babko Thank you so much