Fixed transparency on Linux

The app now doesn't just have a black background on Linux.

package.json

@@ -1,5 +1,5 @@
 {
- "name": "ElectronPlayer",
+ "name": "electronplayer",
  "version": "2.0.0",
  "description": "An Electron Based Web Video Services Player. Supporting Netflix, Youtube, Twitch, Floatplane And More",
  "main": "src/main.js",

src/client-loader.js

@@ -17,6 +17,18 @@ document.body.innerHTML = `
  </div>
 
  <style>
+ body:before {
+ content: "";
+ position: fixed;
+ left: 0;
+ right: 0;
+ background-color: rgba(52, 52, 52, 0.95);
+ width: 100%;
+ height: 100%;
+ transform: scale(1.1);
+ filter: blur(1px);
+ }
+ 
  .electronplayer_spinner {
  display: inline-block;
  position: absolute;

src/main.js

@@ -114,7 +114,8 @@ function createWindow() {
 
 // This method will be called when Electron has finished
 // initialization and is ready to create browser windows.
-app.on("ready", createWindow);
+// The timeout fixes the trasparent background on Linux ???? why
+app.on("ready", () => setTimeout(createWindow, 500));
 
 // Chnage the windows url when told to by the ui
 ipcMain.on("open-url", (e, url) => {

src/ui/index.css

@@ -4,6 +4,18 @@ body {
  -webkit-app-region: drag; /* TODO: This Window Drag Is Not Working */
 }
 
+body:before {
+ content: "";
+ position: fixed;
+ left: 0;
+ right: 0;
+ background-color: rgba(52, 52, 52, 0.95);
+ width: 100%;
+ height: 100%;
+ transform: scale(1.1);
+ filter: blur(1px);
+}
+
 h3 {
  font-family: "Source Sans Pro", sans-serif;
 }