From e31b3603daa04746a76ec2c73e58aea79a088285 Mon Sep 17 00:00:00 2001 From: Pi <90981829+ItsPi3141@users.noreply.github.com> Date: Sat, 9 Nov 2024 13:47:53 -0800 Subject: [PATCH] add readme --- README.md | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..b6b4b6f --- /dev/null +++ b/README.md @@ -0,0 +1,35 @@ +

+

Electron Transparency

+ +

+

+ Mica background for Electron apps +

+
+ +## About + +Electron has a built-in feature to add transparency effects to the window. However, this feature has some limitations: + +- The transparency effect is only applied to the window frame, not to the window content. +- In order to apply the transparency effect to the whole window, `transparent` must be set to `true` in the `BrowserWindow` options. This creates a number of bugs which prevents the window from being resized or maximized. (see [this issue](https://github.com/electron/electron/pull/28207)) + +Electron Transparency aims to solve these issues by adding a native module which allows the transparency effect to be applied to the window content. + +## Usage + +See the example app [here](https://github.com/ItsPi3141/electron-transparency/tree/main/example) + +### Installation + +Install the module and electron-rebuild + +```bash +npm install electron-transparency @electron/rebuild +``` + +Compile the native module + +```bash +npx electron-rebuild +```