This plugin allows you to make your IDE to be fully transparent while keeping the code sharp and bright.
See for example how it can be used for editing websites: https://www.youtube.com/watch?v=mbVLot2m6FU
Adjust the opacity level while keeping the text sharp and bright
Using GlassCode plugin with combination of LiveEdit (WebStorm IDE)
Using GlassCode in Java (IntelliJ IDE)
Using GlassCode with blur effect set to high
- Download GlassCode plugin
- Install it in your IDE
- It is recommended to use the high contrast theme for the best result or at lest any dark theme. My suggestion is to enable the high contrast theme
To get high performance, go to: File->Settings
And make sure you enabled "Enable GPU Acceleration (For NVIDIA CUDA Enabled GPUs only)"
This option will work only for NVIDIA GPUs
Otherwise, you may have to reduce the screen resolution to maximum 1920x1080 because the effect may not work fast enough without GPU Acceleration.
If you think that you can optimize the performance for CPU (without GPU Acceleration), feel free to design a better algorithm here: https://github.com/gileli121/GlassCode/blob/80150bd18be2118cfde4b3943950ba65d8746dc8/CPP/process_layer_cpu.cpp#L690 Replace this function with your faster algorithm and submit PR. The function is responsible for detecting the texts(or any shapes...) so that when the opacity applied, the opacity will not include the texts.
The result will look like this
That the texts/shapes have no opacity at all but everything around it have opacity.
The magic was done here:
CPU algorithm: https://github.com/gileli121/GlassCode/blob/80150bd18be2118cfde4b3943950ba65d8746dc8/CPP/process_layer_cpu.cpp#L690
NVIDIA GPU algorithm (works much faster!): https://github.com/gileli121/GlassCode/blob/1c89a644bae2b2c51f274b3ad1aee07fb0d36ae8/CPP/process_layer_gpu.cu#L433
Currently, the only way to use this plugin is to click on the GlassCode tab here:
After that, the following menu will open:
Click on the Enable checkbox to enable the effect.
In this menu, the following options available:
Opacity- This is the opacity of the background only. The image processing algorithm is smart to not apply the opacity to the texts or anything that is not backgroundAmount of brightness behind the window- This will reduce or decrease the light that you can see behind the window. This effect give similar result like when the opacity is high value and the theme is dark. In general it is suggested to set this filter to 70% and the opacity to 30%-60% (it depends on what you like)Type of blur behind the window- This effect have 3 options:None,MediumandHigh.
When it set to `None`, there is no blur effect at all. For `Medium` and `High` it looks as following:
Use "High Contrast" theme when enabled (Recommended)- The transparency algorithm works best when the number of colors in the theme is minimum. The algorithm will detect much better texts, borders, and backgrounds in such cases. Here is an example that compares the difference between when it is enabled and when it is not:
Enable on startup- If this option is enabled, the transparency effect will be enabled on startup when the IDE open the project
The settings page is available under File -> Settings Appearance & Behavior
In the following settings page you have the following options:
-
Enable GPU Acceleration (For NVIDIA CUDA Enabled GPUs Only)- If this option is enabled, the transparency algorithm will use the GPU processing power to render the transparency effect. This option is very likely to improve a lot the number of frames per second (FPS).NOTE: If in the computer there is no NVIDIA GPU with CUDA support, this option will be ignored
- IntelliJ (for Java)
- WebStorm (for Web & HTML)
- Phpstorm (for PHP)
- Rider (for C#)
- PyCharm (for Python)
- Other JetBrains IDEs (Not tested)
- Windows 10 64bit from version 2004 (20H1) and above
- Currently this plugin is supported only in Windows 10 v2004 and above
- It is highly recommended to use the "High contrast" theme when using the glass effect. The transparency