DEV Community

Discussion on: How to be cool and make Visual Studio Code (VSCode) transparent

Collapse
 
4fthawaiian profile image
Bradley McCrorey

re: mac os - I've got transparency working, albeit through a sort of backdoor. I'm using the amazing chunkwm as my window manager (tiling.. yum). I discovered recently that it had a plugin which allowed for dimming of inactive windows. A little searching yielded the fact that you can dim any window by app name, using this syntax in the .chunkwmrc file:

chunkc tiling::rule --owner Code --alpha .85 &

ymmv, as the window manager is probably overkill just to get transparency in vscode, but being that I was already running the window manager, it suited me just fine :) I should mention that obviously you can make any app transparent this way. The possibilities are endless!

Collapse
 
kaliham profile image
Kaliham

so when I went to install chunkwm I got recommended yabai instead so I installed it but the command :

~|⇒ yabai -m config normal_window_opacity 0.85

~|⇒ yabai -m config active_window_opacity 0.9

apply to all windows got a clue on how to do it on a single app instead?

Collapse
 
kevsestrella profile image
kevin • Edited

yabai -m rule --add app="Brave Browser" opacity=1.0

from github.com/koekeishiya/yabai/blob/...

Thread Thread
 
amordo profile image
Alexander M.

I spent some time to get right name
Use app="Code" in case of VSCode
Relevant explanation (I just used grep instead jq):
github.com/koekeishiya/yabai/issue...