Skip to content

Instantly share code, notes, and snippets.

@gen3vra
Last active Jul 31, 2022
Embed
What would you like to do?
Append to your current userChrome.css file if it exists. This Firefox css file allows custom Windows navigation buttons.
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
.titlebar-button {
background-color: transparent !important;
transition: background-color 0.5s ease;
height: 0px;
}
.titlebar-button>.toolbarbutton-icon {
list-style-image: none;
}
.titlebar-button:hover {
background-color: rgba(121, 121, 121, 0.1) !important;
}
#titlebar-close:hover {
background-color: rgba(121, 121, 121, 0.1) !important;
}
#titlebar-close:hover>.toolbarbutton-icon {
list-style-image: url("chrome://browser/skin/caption-buttons.svg#close-white") !important;
}
#main-window {
-moz-appearance: -moz-win-glass !important;
background: transparent !important;
}
#navigator-toolbox {
background: transparent !important
}
@gen3vra
Copy link
Author

gen3vra commented Jul 26, 2022

background-color: rgba(121, 121, 121, 0.1) !important;

you can edit this line to change the overlay that shows when you hover

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment