all console error solved tome.js remains

Author: nitin14gupta

css/darkmode.css

@@ -0,0 +1,8 @@
+.dark body {
+    background-color: #1a1a1a;
+    color: #ffffff;
+}
+
+.dark #canvas {
+    background-color: #2d2d2d !important;
+} 

index.html

@@ -27,7 +27,6 @@
     <link rel="preload" href="dist/css/keyboard.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
     <link rel="preload" href="dist/css/windows.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
     <link rel="preload" href="lib/materialize-iso.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
-    <link rel="preload" href="css/darkmode.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
     <link rel="preload" as="video" href="loading-animation.webm" type="video/webm">
     <link rel="preload" as="video" href="loading-animation.mp4" type="video/mp4">
     <link rel="preload" as="image" href="loading-animation-ja.svg">
@@ -135,6 +134,10 @@
             });
         }
     </script>
+
+    <noscript>
+        <link rel="stylesheet" href="css/darkmode.css">
+    </noscript>
 </head>
 
 <!-- #96D3F3-->
@@ -595,7 +598,8 @@
                                     id="menu"
                                     class="animated-icon material-icons md-48 "
                                     >menu</i
-                                ></a>
+                                ></a
+                            >
                         </li>
                         <li>
                             <a

js/activity.js

@@ -179,6 +179,17 @@ if (_THIS_IS_MUSIC_BLOCKS_) {
     MYDEFINES = MYDEFINES.concat(MUSICBLOCKS_EXTRAS);
 }
 
+class Activity {
+    async init() {
+        this.initAudioContext();
+
+        this.synth = new Synth();
+        this.logo = new Logo();
+        this.turtles = new Turtles();
+        this.palettes = new Palettes();
+        this.blocks = new Blocks();
+    }
+}
 // Create a global variable from the Activity obj to provide access to
 // blocks, logo, palettes, and turtles for plugins and js-export.
 let globalActivity;

js/utils/synthutils.js

@@ -1,3 +1,15 @@
+if (typeof Tone === 'undefined') {
+    throw new Error('Tone.js library not loaded. Please include Tone.js before synth utilities');
+}
+
+class Synth {
+    constructor() {
+        this.synth = new Tone.Synth().toDestination();
+        // ... rest of constructor ...
+    }
+}
+
+
 // Copyright (c) 2016-21 Walter Bender
 //
 // This program is free software; you can redistribute it and/or