dont-track-me-google
Firefox and Chrome extensions to prevent Google from making links ugly.
Custom electon title bar inpire on VS Code title bar
git clone https://github.com/AlexTorresDev/custom-electron-titlebar.gitAlexTorresDev/custom-electron-titlebarThis project is a typescript library for electron that allows you to configure a fully customizable title bar.
You can install this package with npm, pnpm or yarn.
npm install custom-electron-titlebar
pnpm add custom-electron-titlebar
yarn add custom-electron-titlebar
The implementation is done as follows:
In the main application file (main.js or .ts)
import { setupTitlebarAndAttachToWindow } from "custom-electron-titlebar/main";
function createWindow() {
// Create the browser window.
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
//frame: false, // needed if process.versions.electron < 14
titleBarStyle: 'hidden',
/* You can use *titleBarOverlay: true* to use the original Windows controls */
titleBarOverlay: true,
webPreferences: {
sandbox: false,
preload: path.join(__dirname, 'preload.js')
}
});
...
// Setup main IPC + attach window listeners + load theme config
setupTitlebarAndAttachToWindow(mainWindow, {
themeConfigPath: path.join(__dirname, "titlebar.theme.json")
});
}
In the preload file (preload.js or .ts)
import { createTitlebarOnDOMContentLoaded } from "custom-electron-titlebar";
// Theme configuration is automatically loaded from main process
createTitlebarOnDOMContentLoaded();
Theme Configuration:
Themes are loaded in the main process and delivered to the renderer via IPC. Specify the theme file path in setupTitlebarAndAttachToWindow() options:
Theme JSON schema (v1):
{
"version": 1,
"fontFamily": "Segoe UI, Arial, sans-serif",
"fontSize": 13,
"colors": {
"titlebar": "#1f2430",
"titlebarForeground": "#f3f4f6",
"menuBar": "#181c25",
"menuItemSelection": "#2f3a4f",
"menuSeparator": "#4b5563",
"svg": "#e5e7eb"
}
}
To see the options you can include in the Title Bar constructor, such as color of elements, icons, menu position, and much more, and the methods you can use, go to the wiki
If you want to support my development, you can do so by donating through 💖 Sponsor
I would like to express my sincere gratitude to all the people who have collaborated in the development and advancement of this project. I appreciate your contributions.
This project is under the MIT license.
more like this
Firefox and Chrome extensions to prevent Google from making links ugly.
Custom color themes for GNS3 GUI. Built-in schemes, custom JSON themes, device symbols. Supports Linux and macOS.
search projects, people, and tags