Skip to content

Instantly share code, notes, and snippets.

@gen3vra
Last active July 31, 2022 17:28
Show Gist options
  • Save gen3vra/11ee1d1e031bdc98e99e76eceac555bb to your computer and use it in GitHub Desktop.
Save gen3vra/11ee1d1e031bdc98e99e76eceac555bb to your computer and use it in GitHub Desktop.
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