Skip to content

Instantly share code, notes, and snippets.

@soulhotel
Last active December 14, 2024 05:59
Show Gist options
  • Select an option

  • Save soulhotel/75e02e966ce4f406a9ad920334eb9d96 to your computer and use it in GitHub Desktop.

Select an option

Save soulhotel/75e02e966ce4f406a9ad920334eb9d96 to your computer and use it in GitHub Desktop.
firefox css, custom UBlock Origin icon + throw it inside the URL bar
/* 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

Copy link
Copy Markdown
Author

SjCD4cw
qwZ4XCw
Qfbuxlr

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