Colorized placeholder

desktop/main.js

@@ -5,6 +5,55 @@ const shell = require('electron').shell
 
 let is_shown = true;
 
+app.win = null;
+
+app.on('ready', () => 
+{
+  app.win = new BrowserWindow({
+    width: 405, 
+    height: 420, 
+    minWidth: 405, 
+    minHeight: 420,
+    webPreferences: {zoomFactor: 1.0}, 
+    backgroundColor:"#000", 
+    frame:false, 
+    autoHideMenuBar: true, 
+    icon: __dirname + '/icon.ico'
+  })
+    
+  app.win.loadURL(`file://${__dirname}/sources/index.html`);
+  // app.win.toggleDevTools();
+  
+  app.win.on('closed', () => {
+    win = null
+    app.quit()
+  })
+
+  app.win.on('hide',function() {
+    is_shown = false;
+  })
+
+  app.win.on('show',function() {
+    is_shown = true;
+  })
+
+  app.on('window-all-closed', () => 
+  {
+    app.quit()
+  })
+
+  app.on('activate', () => {
+    if (app.win === null) {
+      createWindow()
+    }
+    else{
+      app.win.show();
+    }
+  })
+})
+
+
+
 app.inspect = function()
 {
   app.win.toggleDevTools();
@@ -22,43 +71,7 @@ app.toggle_visible = function()
 
 app.inject_menu = function(m)
 {
+  if(process.platform == "win32"){ return; }
+
   Menu.setApplicationMenu(Menu.buildFromTemplate(m));
-}
-
-app.win = null;
-
-app.on('ready', () => 
-{
-  app.win = new BrowserWindow({width: 405, height: 420, minWidth: 405, minHeight: 420,webPreferences: {zoomFactor: 1.0}, backgroundColor:"#000", frame:false, autoHideMenuBar: true, icon: __dirname + '/icon.ico'})
-  
-  app.win.loadURL(`file://${__dirname}/sources/index.html`);
-  app.win.scaleFactor = require('electron').screen.getPrimaryDisplay().scaleFactor;
-  // app.win.toggleDevTools();
-  
-  app.win.on('closed', () => {
-    win = null
-    app.quit()
-  })
-
-  app.win.on('hide',function() {
-    is_shown = false;
-  })
-
-  app.win.on('show',function() {
-    is_shown = true;
-  })
-})
-
-app.on('window-all-closed', () => 
-{
-  app.quit()
-})
-
-app.on('activate', () => {
-  if (app.win === null) {
-    createWindow()
-  }
-  else{
-    app.win.show();
-  }
-})
+}

desktop/package.json

@@ -17,9 +17,9 @@
     "push": "npm run build ; npm run push_theme ; npm run push_osx ; npm run push_linux ; npm run push_win ; npm run clean ; npm run push_status"
   },
   "devDependencies": {
-    "electron": "^1.8.7"
+    "electron": "^1.8.8"
   },
   "dependencies": {
-    "electron-packager": "^12.1.0"
+    "electron-packager": "^12.1.1"
   }
 }

desktop/sources/links/theme.css

@@ -1,6 +1,7 @@
 body { background:var(--background) !important; }
 #picker { background-color:var(--b_inv) !important; color:var(--f_inv) !important; }
 #picker:before { color:var(--f_med) !important; }
+#picker input::placeholder { color:var(--f_med) !important; }
 .fh { color:var(--f_high) !important; stroke:var(--f_high) !important; }
 .fm { color:var(--f_med) !important ; stroke:var(--f_med) !important; }
 .fl { color:var(--f_low) !important ; stroke:var(--f_low) !important; }

desktop/sources/scripts/dotgrid.js

@@ -23,8 +23,8 @@ function Dotgrid(width,height,grid_x,grid_y,block_x,block_y)
   {
     host.appendChild(this.guide.el);
 
-    this.interface.install(document.body);
-    this.theme.install(document.body,this.update);
+    this.interface.install(host);
+    this.theme.install(host,this.update);
   }
 
   this.start = function()