https://github.com/seanchas116/transparent-titlebar

Transparent title bar with native title label in Electron for Mac
https://github.com/seanchas116/transparent-titlebar

electron macos titlebar

Last synced: 10 months ago
JSON representation

Transparent title bar with native title label in Electron for Mac

• Host: GitHub
• URL: https://github.com/seanchas116/transparent-titlebar
• Owner: seanchas116
• License: mit
• Created: 2018-01-02T04:20:18.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-07T17:42:12.000Z (over 3 years ago)
• Last Synced: 2025-04-18T00:10:39.614Z (about 1 year ago)
• Topics: electron, macos, titlebar
• Language: Objective-C++
• Homepage:
• Size: 8.02 MB
• Stars: 15
• Watchers: 1
• Forks: 2
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# transparent-titlebar

Transparent title bar with native title label in Electron for Mac

![Example](images/example.gif)

|Using transparent-titlebar|titleBarStyle: hidden in Electron|Normal|

|-|-|-|

| ![Using transparent-titlebar](images/transparent.png) | ![titleBarStyle: hidden](images/titlebarstyle-hidden.png) | ![Normal](images/normal.png) |

## Install

```

npm install transparent-titlebar

```

TypeScript definitions are included.

## Use

```js

let win: BrowserWindow

const transparentTitlebar = require('transparent-titlebar')

// Setup window to use transparent titlebar

transparentTitlebar.setup(win.getNativeWindowHandle())

// Set title color (must be called on page load and whenever the title has changed)

transparentTitlebar.setColor(win.getNativeWindowHandle(), 1, 0, 0, 1)

```

## Run Example

```

cd examples

npm install

npm start

```