add bar transparent implement, but disabled

src/index.css

@@ -30,6 +30,9 @@ body {
   height: 100%;
   width: 100%;
   background-color: #fafafa;
+
+  /* setting bar area as transparent */
+  /* background-color: rgba(250, 250, 250, 0.7); */
 }
 
 ::-webkit-scrollbar {
@@ -240,6 +243,9 @@ input {
     var(--bar-color-middle),
     var(--bar-color-tail)
   );
+
+  /* setting bar area as transparent */
+  /* background-color: rgba(255, 255, 128, 0.5); */
 }
 
 #modem-signal-bar {

src/main.js

@@ -37,6 +37,8 @@ const createWindow = () => {
     height: height,
     minHeight: heightMin,
     frame: false,
+    /* setting bar area as transparent */
+    // transparent: true,
     icon: path.join(__dirname, "../image/logo.png"),
     webPreferences: {
       nodeIntegration: true,