lighter node style of note map in dark theme

src/public/app/widgets/note_map.js

@@ -45,6 +45,9 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
     doRender() {
         this.$widget = $(TPL);
 
+        const documentStyle = window.getComputedStyle(document.documentElement);
+        this.themeStyle = documentStyle.getPropertyValue('--theme-style')?.trim();
+
         this.$container = this.$widget.find(".note-map-container");
         this.$styleResolver = this.$widget.find('.style-resolver');
 
@@ -156,7 +159,14 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
         }
         let colour = '#';
         for (let i = 0; i < 3; i++) {
-            const value = (hash >> (i * 8)) & 0xFF;
+            let value = (hash >> (i * 8)) & 0xFF;
+
+            console.log("this.themeStyle", this.themeStyle);
+
+            if (this.themeStyle === "dark" && value < 128) {
+                value += 128; // lighten up the colors
+            }
+
             colour += ('00' + value.toString(16)).substr(-2);
         }
         return colour;

src/public/stylesheets/theme-dark.css

@@ -1,4 +1,6 @@
 :root {
+    --theme-style: dark;
+
     --main-font-family: MontserratLight;
     --main-font-size: normal;
 

src/public/stylesheets/theme-light.css

@@ -2,6 +2,9 @@
    value from this theme will be used. For this reason this theme uses "html" instead of ":root"
    since it's less "specific" and thus serves as default */
 html {
+    /* either light or dark, colored theme with darker tones are also dark, used e.g. for note map node colors */
+    --theme-style: light;
+
     --main-font-family: MontserratLight;
     --main-font-size: normal;