Update javascript/app.js

javascript/app.js

@@ -116,23 +116,6 @@ class MidiVisualizer extends HTMLElement {
       noteHeight: 4,
       beatWidth: 32,
     };
-
-    // Set the background color for the shadow DOM
-    this.shadowRoot.innerHTML = `
-      <style>
-        :host {
-          background-color: black; /* Replace with your desired background color */
-          display: block;
-          overflow: hidden;
-        }
-        .note.active {
-          stroke: black;
-          stroke-width: 0.75;
-          stroke-opacity: 0.75;
-        }
-      </style>
-    `;
-    
     this.tickPreBeat = 500;
     this.svgWidth = 0;
     this.playTime = 0;
@@ -389,7 +372,7 @@ customElements.define('midi-visualizer', MidiVisualizer);
     divProgress.className = 'progressDiv';
     const rect = progressbarContainer.getBoundingClientRect();
     divProgress.style.width = rect.width + 'px';
-    divProgress.style.background = 'white';
+    divProgress.style.background = '#b4c0cc';
     divProgress.style.borderRadius = '8px';
     const divInner = document.createElement('div');
     divInner.className = 'progress';