electron-trubar

Electron TruBar (electron-trubar)

The fastest and easiest way to customize any electron app window through the main process.

Installing it

npm install electron-trubar --save

What it includes

backgroundColor - String | Color/Hex
textColor - String | Color/Hex
seamColor - String | Color/Hex
seam - Boolean | Seamless/Seam
title - String | Title/Text
height - Number | Integer/Float
trafficLightX - Number | Integer/Float
trafficLightY - Number | Integer/Float

Definitions

backgroundColor - Controls the background color of the titlebar.
textColor - Controls the foreground color of the titlebar.
seamColor - Controls the seam color of the titlebar.
seam - Controls whether the seam is shown on the titlebar.
title - Controls the title for of the titlebar.
height - Controls the height of the titlebar.
trafficLightX - Controls the X Axis position of the traffic lights.
trafficLightY - Controls the Y Axis position of the traffic lights.

Example

npm install electron-trubar --save

main.js

const { app, BrowserWindow } = require("electron");
const TruBar = require("electron-trubar");

app.on("ready", function() {
  const mainWindow = new BrowserWindow({ ... });
  TruBar(mainWindow, {
    backgroundColor: "#333",
    textColor: "#fff",
    seam: true,
    seamColor: "#eee",
    height: 20,
    trafficLightX: 6.5,
    trafficLightY: 6.5,
    title: "My app"
  });
});

Output

White

Red

Black

License

MIT