removed acrylic look because too many bugs

components/MainHeader.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="fixed w-full flex flex-row px-2 bg-[#11111189] h-14 z-10 gap-1" style="-webkit-app-region: drag">
+    <div class="fixed w-full flex flex-row px-2 bg-[#111111] h-14 z-10 gap-1" style="-webkit-app-region: drag">
         <div class="w-full flex gap-10 flex-row items-center justify-center px-5">
             <button
                 @click="openAddAnime"

pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="relative h-screen overflow-hidden">
+    <div class="relative h-screen overflow-hidden bg-[#222222]">
         <MainHeader />
         <Updater />
         <div class="flex flex-col text-white gap-5 mt-14 p-5 overflow-y-scroll h-[calc(100vh-3.5rem)]">

src/electron/background.ts

@@ -24,8 +24,7 @@ function createWindow() {
         icon: __dirname + '/icon/favicon.ico',
         width: 950,
         height: 700,
-        // Linux:
-        // backgroundColor: '#2222222',
+        backgroundColor: '#222222',
         webPreferences: {
             devTools: true,
             nodeIntegration: true,
@@ -43,7 +42,7 @@ function createWindow() {
         maximizable: false,
         vibrancy: 'fullscreen-ui',
         // Not working when unfocusing the window somehow?
-        backgroundMaterial: 'acrylic',
+        // backgroundMaterial: 'acrylic',
         show: false,
         // For Linux
         autoHideMenuBar: true
@@ -342,8 +341,7 @@ ipcMain.handle(
             icon: __dirname + '/icon/favicon.ico',
             width: opt.width,
             height: opt.height,
-            // Linux:
-            // backgroundColor: '#2222222',
+            backgroundColor: '#222222',
             webPreferences: {
                 devTools: true,
                 nodeIntegration: true,
@@ -360,7 +358,7 @@ ipcMain.handle(
             fullscreen: false,
             maximizable: false,
             vibrancy: 'fullscreen-ui',
-            backgroundMaterial: 'acrylic',
+            // backgroundMaterial: 'acrylic',
             show: false,
             // For Linux
             autoHideMenuBar: true