Different Icons that use the Segoe MDL2 Assets font for displaying the titlebar icons.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/982e2bca-1b56-43bf-8dd7-7e237e9631c0/after_v2.png

Changes that I made

.window-buttons {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
   font-family: "Segoe MDL2 Assets";
   cursor: default;
   opacity: 0.8
}
#close-button:hover{
    background: #E81123;
    color: white;
}

.notion-light-theme .window-buttons {
    [...]
    font-size: 12px;
    [...]
}

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3b91c319-a442-468d-b7c5-ca7b27734ecb/2020-05-31_23_02_32-Window.png

Glyphs

browserWindow.on('maximize', () => {
	maximizeButton.innerHTML = "ण";
})
browserWindow.on('unmaximize', () => {
	maximizeButton.innerHTML = "&#xE922";
})

Disclaimer

I changed the variable of the button to maximizeButton (from element), so that this method would not change the wrong button. (Don't forget to init)


Requirements

You (maybe) need to install this font, but it should already be installed in Windows 10 by default

segmdl2.ttf

This font contains all the default windows icons

If you want to quickly test it out, this code contains the changes I made

resources.zip