Last active
August 21, 2025 12:24
-
-
Save MagicalBlob/d1f26d6dd6e9bffd124c84557cccb0cf to your computer and use it in GitHub Desktop.
My Firefox userChrome.css & userContent.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Move Find Bar position. Based on: https://pastebin.com/sucmEx7N */ | |
| .browserContainer > findbar { | |
| /* Position the Find Bar above the page */ | |
| order: -1 !important; | |
| /* Move Find Bar border from top to bottom */ | |
| border-top: none !important; | |
| border-bottom: 1px solid hsl(240, 5%, 5%) !important; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ACTIVITY STREAM */ | |
| @-moz-document url(about:home), url(about:newtab) | |
| { | |
| /* Round Top Sites tiles */ | |
| .activity-stream .top-site-outer .tile, .activity-stream .top-site-outer .top-site-icon, .activity-stream .top-site-outer .letter-fallback { | |
| border-radius: 25% !important; | |
| } | |
| /* Fit Top Sites icons to wrapper */ | |
| .activity-stream .top-site-outer:not(.add-button) .tile .icon-wrapper { | |
| width: 100% !important; | |
| height: 100% !important; | |
| } | |
| /* Change the add button cursor */ | |
| .activity-stream .top-site-outer.add-button { | |
| cursor: default !important; | |
| } | |
| /* Remove background from the add button */ | |
| .activity-stream .top-site-outer.add-button:hover { | |
| background-color: transparent !important; | |
| } | |
| /* Remove background and shadow from the add button tile and change its cursor */ | |
| .activity-stream .top-site-outer.add-button .tile { | |
| background-color: transparent !important; | |
| box-shadow: none !important; | |
| cursor: pointer !important; | |
| } | |
| /* Remove background and shadow from the add button tile and change its cursor */ | |
| .activity-stream .top-site-outer.add-button .tile:hover { | |
| background-color: color-mix(in srgb, var(--button-text-color-hover) 14%, transparent) !important; | |
| } | |
| /* Remove title from the add tile button */ | |
| .activity-stream .top-site-outer.add-button .title { | |
| opacity: 0; | |
| } | |
| /* Lower the Top Sites context menu to the inside of the inner container and make the border radius better match the tile */ | |
| .activity-stream .top-site-outer .context-menu-button { | |
| top: 0px !important; | |
| border-radius: 0 16px 0 4px !important; | |
| } | |
| /* Hide pinned icon on Top Sites */ | |
| .activity-stream .icon.icon-pin-small { | |
| display: none !important; | |
| } | |
| /* Change Top Sites title weight */ | |
| .activity-stream .title.pinned span { | |
| font-weight: bold; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Nice. This fixed up my top sites. Probably should embed it within
@-moz-document url(about:newtab) { ... }
https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions#at-rules