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
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
vcode v1.94 breaks support for apc extension. so if you want to keep the changes keep version 1.93. personally for me the gains from apc is infinitely more than what I would get from the latest version. I just can't bear to look at vscode without it.
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.
Are you on Windows? I'm on macOS and currently use the following settings: { "window.titleBarStyle": "native", "apc.electron": { "titleBarStyle": "hiddenInset", } }
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.
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
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.
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
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
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.
Oh, sorry, I wasn't planning to record this series on Linux. It would take me a lot of effort to set everything up. I think that VS Code setup is pretty much the same on any operating system. But there are some specifics, of course 🙂
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
Thank you for such a great video :)
You are welcome!
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
vcode v1.94 breaks support for apc extension. so if you want to keep the changes keep version 1.93. personally for me the gains from apc is infinitely more than what I would get from the latest version. I just can't bear to look at vscode without it.
Thanks for letting us know! Hopefully, compatibility will be provided soon 🙂
thanks for the info, I was scratching my head since last few days, finally it's solved. 🤦♂
Unfortunately, Apc Customize UI++ extension still doesn't work with the newest VS Code v1.94 - github.com/drcika/apc-extension/issues/230
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.
titlebarstyle:"hidden " is not working what are the possible solution
Are you on Windows?
I'm on macOS and currently use the following settings:
{
"window.titleBarStyle": "native",
"apc.electron": {
"titleBarStyle": "hiddenInset",
}
}
You can try setting frame: false, as given in the official docs. (But, it also removes the traffic lights)
its hiddenInset for mac
Yeah, "frame: false" also removes traffic lights - github.com/drcika/apc-extension?tab=readme-ov-file#frameless-title-bar
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.
Nice tips! thank you!
You are welcome!
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.
It’s doesn’t work on my notebook, my is windows, some tip for this?
Actually latest VS Code version 1.94 isn't compatible with Apc Customize UI++ extension yet. I had to downgrade to version 1.93.
Thank you, do you know if this issue was resolved?
Unfortunately, it's not - github.com/drcika/apc-extension/issues/230
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.
thank you! very useful
You're welcome!
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
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
muito bom!!
Thank you!
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
You are welcome
Take a shot everytime he says extension !
tutor in linux please
Oh, sorry, I wasn't planning to record this series on Linux. It would take me a lot of effort to set everything up. I think that VS Code setup is pretty much the same on any operating system. But there are some specifics, of course 🙂