https://github.com/parking-master/electron-trubar
Electron TruBar is a package for fully-customizable titlebars. Works on Linux, Windows & Mac on the lastest versions of Node.js and ElectronJS
https://github.com/parking-master/electron-trubar
electron electron-app electronjs javascript package title titlebar window
Last synced: about 2 months ago
JSON representation
Electron TruBar is a package for fully-customizable titlebars. Works on Linux, Windows & Mac on the lastest versions of Node.js and ElectronJS
- Host: GitHub
- URL: https://github.com/parking-master/electron-trubar
- Owner: Parking-Master
- License: mit
- Created: 2022-06-27T19:02:59.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-08T22:25:37.000Z (over 1 year ago)
- Last Synced: 2024-04-10T05:05:10.342Z (about 1 year ago)
- Topics: electron, electron-app, electronjs, javascript, package, title, titlebar, window
- Language: HTML
- Homepage: https://trubar.uk.to
- Size: 2.27 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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__