Vscode-vibrancy: Linux Support

i like this ext on windows and mac, there is something that we can do to get this on linux?? what file/line should we modified for that purpose?/

https://github.com/ckissane/vscode

@Bernardi23 contrary to popular belief this extension does work on linux, you just have to be using a transparency supporting compositor (like picom or kwin), and use the code-transparent aur package.

@Bernardi23 contrary to popular belief this extension does work on linux, you just have to be using a transparency supporting compositor (like picom or kwin), and use the code-transparent aur package.

I tried this solution but I wasn't successful to achieve the desired results and during that configuration I forced to downgrade the nodejs and unistall official VS Code which was annoying to me. To every one who is trying to make vscode transparent, I strongly recommend to use Force Blur Kwin Script, Using this script you didn't need to install another package(code-transparent).

I know this script is not the same but it's the best I can offer in current time. By the way, I hope someday this extension supports linux too.

Hey @milad2golnia, thanks for your hint to Force Blur
But I cannot get it to work :thinking:
Do you have any guide? Do I need to restart my system?

I also applied the folder and "(Uncheck -> Apply -> Check -> Apply)"

mkdir -p ~/.local/share/kservices5/
cp ~/.local/share/kwin/scripts/forceblur/metadata.desktop ~/.local/share/kservices5/forceblur.desktop

Operating System: Arch Linux
KDE Plasma Version: 5.21.3
KDE Frameworks Version: 5.80.0
Qt Version: 5.15.2
Kernel Version: 5.10.25-1-lts
OS Type: 64-bit
Graphics Platform: X11
Processors: 28 × Intel® Core™ i9-10940X CPU @ 3.30GHz
Memory: 62.5 GiB of RAM
Graphics Processor: GeForce GTX 1080/PCIe/SSE2

Hey @Shinigami92! I assume you have read the README of the Force Blur project.

Hey @milad2golnia, thanks for your hint to Force Blur
But I cannot get it to work
Do you have any guide? Do I need to restart my system?

According to your first screenshot, you don't need to restart your system or anything else. It is required just after creating the metadata.desktop file to be able to see the configuration of Force Blur. Since you are seeing it, So you don't need to restart your system.

Please note that you actualy don't need to restart the system, Just log out and log in again:)

I also applied the folder and "(Uncheck -> Apply -> Check -> Apply)"

mkdir -p ~/.local/share/kservices5/
cp ~/.local/share/kwin/scripts/forceblur/metadata.desktop ~/.local/share/kservices5/forceblur.desktop

Your configurations are correct and you need just one more step to achieve transparency along blur effect😃:
The *Force Blur script take effect if and only if the window has a transparency effect*! So you should add some transparency to your VS Code because in your screenshots I couldn't see any transparency.

Operating System: Arch Linux
KDE Plasma Version: 5.21.3
KDE Frameworks Version: 5.80.0
Qt Version: 5.15.2
Kernel Version: 5.10.25-1-lts
OS Type: 64-bit
Graphics Platform: X11
Processors: 28 × Intel® Core™ i9-10940X CPU @ 3.30GHz
Memory: 62.5 GiB of RAM
Graphics Processor: GeForce GTX 1080/PCIe/SSE2
```

Since you are using KDE I think you can add transparency by following below steps:

1. Right Click on border of VS Code window.
2. Click on More Actions.
3. Click on Configure Special Application Settings(Don't confuse it with Configure Special Window Settings).
4. Click on Add Property to open list of properties.
5. find Active Opacity and click on it.
6. Determine your desired amount of opacity
7. Make sure the state of Active Opacity is Force.

And that's it:) you should now be able to see the blur effect. if not! just close and open VS Code again:)

Also Don't forget about enabling Blur in Desktop Effect.
If you had any problem with it, please feel free to ask:)

After all this, This is what I have on my desktop:(I increased the transparency amount here to make it clear! but you can decrease it on your choice.)

_Besides this:_ At first it was annoying to my eyes so I changed the VS Code theme to High Contrast and now it's fine with more amount of transparency. if you had the same problem, you can give it a shot.

Wow thanks for the guide, this may also help other folks searching it via search engine 🚀

Right Click on border of VS Code window.

👀 I will try from there, didn't know that there is a menu
But currently I'm not at home, so I will report back today evening if it worked

:rocket: :heart:

https://user-images.githubusercontent.com/7195563/113163979-f7ed0500-9240-11eb-9c8d-e73940ee257b.mp4

Please @Shinigami92 , could you make a tutorial of your vscode settings? I would appreciate it very much :blush: :blush: