diff --git a/src/main/mesh.js b/src/main/mesh.js
index 331fc90c..3a096708 100644
--- a/src/main/mesh.js
+++ b/src/main/mesh.js
@@ -469,8 +469,10 @@ function set_darkmode(dark) {
     prefs.map.space.dark = dark;
     if (dark) {
         mesh.material.wireframe.color.set(0xeeeeee);
+        $('app').classList.add('dark');
     } else {
         mesh.material.wireframe.color.set(0,0,0);
+        $('app').classList.remove('dark');
     }
     sky.set({ color: dark ? 0 : 0xffffff });
     platform.set({
diff --git a/web/mesh/index.css b/web/mesh/index.css
index 71270a69..c269ae9a 100644
--- a/web/mesh/index.css
+++ b/web/mesh/index.css
@@ -308,6 +308,10 @@ button.selected:hover {
     background-color: rgba(0,255,0,1);
 }
 
+.dark .head {
+    color: #000 !important;
+}
+
 /** modes menu top/center **/
 
 #modes {