Last active
December 14, 2024 05:59
-
-
Save soulhotel/75e02e966ce4f406a9ad920334eb9d96 to your computer and use it in GitHub Desktop.
firefox css, custom UBlock Origin icon + throw it inside the URL bar
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
| /* Change the icons - an icon for on state, an icon for the off state (optional: use an SVG with context-fill) */ | |
| #ublock0_raymondhill_net-BAP image{ | |
| list-style-image: url("ubon.png") !important; | |
| } | |
| #ublock0_raymondhill_net-BAP[tooltiptext="uBlock Origin (off)"] image{ | |
| list-style-image: url("uboff.png") !important; | |
| } | |
| /* Spacing adjustments to URL Bar - so that any icon placed next to it (Right Side) will sit inside of it */ | |
| #urlbar{ | |
| padding-inline-end: calc(17px + 2 * var(--urlbar-icon-padding)); | |
| } | |
| #urlbar-container+.chromeclass-toolbar-additional{ | |
| margin-inline-start: calc(0px - 19px - 2 * var(--urlbar-icon-padding) - var(--urlbar-margin-inline)) !important; | |
| position: relative; | |
| --toolbarbutton-inner-padding: var(--urlbar-icon-padding); | |
| --toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor); | |
| } | |
| /* use the customize toolbar page to drag ublock-origin, or any other toolbar button right next to the URL Bar (Right Side) |
soulhotel
commented
Feb 23, 2024
Author



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