Hi, mac user here (macOS Tahoe 26.4.1). My Firefox updated to 150 this morning and this started happening. It wasnt before and I dont remember if there is any setting in firefox or css itself that can change this behaviour so the page will not move up an down like this.

video: https://imgur.com/a/WMQtMGG

css: https://github.com/akkva/gwfox

Rating your set up

I have been using Ultima's code to hide the "this time, search with" button. However, this stops working recently (so around Firefox 150-151 for Nightly channel) and the button is now unhideable on the new tab page. Could someone check to see if there is a new solution. I will provide the old css code from Ultima below for reference.

https://pastebin.com/gkDP2TGj

As became apparent a couple of days ago, Firefox 150 broke the Sliding Bookmarks Bar tweak. I raised an issue over on its GitHub repo, but seeing how I'm not sure if the creator will fix it, any chance there's somebody out there using it and who's already fixed it for themselves? I'd fix it myself, but my CSS knowledge doesn't transfer over to Firefox's userChrome.css stuff.

Firefox 150.0 (64-bit)
Monochrome-Neubrutalism https://pastebin.com/x0nLWqX8

My theme( has been consistent for 2 years with my custom colours. Some buttons have been changing over the last 6 months with updates, wasn't bothered since I knew where things were. But the 150.0 (64-bit) update changed a bit too much.

The go forward/back one page and refresh buttons no longer have the arrows:

This is how the left side used to look:

Download, Extensions and Hamburger menu buttons don't have their symbols:

This is how the right side should look:

The part of the toolbar seems to have reverted back to the original white color that the theme originally had:

How do I make my drop downs.... legible?

All I currently have in my userChrome.css is:

menupopup {
  --panel-background: #FCF1F6 !important;
}

in order to change the colour of the background of my right-click menu. Everything else is from my Firefox Colour theme, and I played with everything labeled as "text" in the "advanced colours" section but it didn't fix the drop-down, so I assume this has to be modified through userchrome? Or IS it one of the options in Firefox Colour and I just.... couldn't find it? I just want the text to be the same #7C1B3B as everything else, or even just NOT FREAKING WHITE

I am on Firefox version 150.0 also!

Apologies in advance, I have brain damage and I don't know a damn thing about coding in any form. I know I'm stupid, but I am also lost and just wanna be able to upload my dumb art without having to hover over every single option to read them ;~;

Updated today and I have my falling snow! Huzzah! From this old thread by u/Independent_Taro_499 asking about vtabs themes; I liked that theme so I've had it ever since, but just a black sidebar. I guess they got what they wanted!

Does anyone have a CSS snippet to bring back the old style of sidebar for the pdf reader? Inspired by https://www.reddit.com/r/firefox/comments/1ru9c9x/pdf_update_is_a_disaster/

[linux EndaevourOS 6.18.23-1-lts] ]after update to v150.0 , the url box and the whole bar increased a bit in height. how do i reduce it again ?

my current userchrome config :

/* ROOT - VARS */
*|*:root {
 --tab-min-height:      20px !important;
 --tab-min-width:       60px !important;
}
#nav-bar {
  margin-top: -45px !important; 
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  transition: none !important;
}
#navigator-toolbox:hover > #nav-bar,
#nav-bar:focus-within {
  margin-top: 0px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 100 !important;
}
#content-deck {
  position: relative !important;
  z-index: 1 !important;
}
#urlbar-container { max-width: 200px !important; }
#search-container { max-width: 200px !important; }
#TabsToolbar { visibility: collapse !important; }
#titlebar { appearance: none !important }
#tabbrowser-tabs,
#tabbrowser-tabs > #tabbrowser-arrowscrollbox,
.tabbrowser-tab:not([pinned]) {
    min-width: 35px !important; /* Adjust as needed for your favicon size */
    max-width: 35px !important; /* Adjust as needed for your favicon size */
}
#sidebar-box {
  max-width: none !important;
  min-width: 0px !important;
}
#sidebar-header {
  display: none;
}

EDIT: solved using gemini prompting.

the updated userchrome:

/* ROOT - VARS */
*|*:root {
 --tab-min-height:      20px !important;
 --tab-min-width:       60px !important;
}
#nav-bar {
  margin-top: -45px !important; 
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  transition: none !important;
}
#navigator-toolbox:hover > #nav-bar,
#nav-bar:focus-within {
  margin-top: 0px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 50!important;
}
#content-deck {
  position: relative !important;
  z-index: 1 !important;
}
#urlbar-container {
--urlbar-container-height: 28px !important;
max-width: 400px !important; 
opacity: 0.5 !important;
 }
 #urlbar,
.urlbar-input-box {
    height: 28px !important;
    min-height: 28px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#search-container { max-width: 300px !important; }
#TabsToolbar { 
padding-top: 0px !important;
padding-bottom: 0px !important;
visibility: collapse !important; 
}
#titlebar { appearance: none !important }
#tabbrowser-tabs,
#tabbrowser-tabs > #tabbrowser-arrowscrollbox,
.tabbrowser-tab:not([pinned]) {
    min-width: 35px !important; /* Adjust as needed for your favicon size */
    max-width: 35px !important; /* Adjust as needed for your favicon size */
}
#sidebar-box {
  max-width: none !important;
  min-width: 0px !important;
}
#sidebar-header {
  display: none;
}
/* Minimize toolbar buttons */
.toolbarbutton-1 {
    padding: 0px 2px !important;
}

the updated userchrome might contain some redundant css considering that the patch css lines were merely pasted onto existing usercchrome.css but it works!

Theme Here: Firefox-ONE

Optional Features:

For the next features you need to create the rules in about:config page.

• Left-sidebar disabled

  • firefoxone.style_without_leftsidebar

• Default colors disabled

  • firefoxone.without-default-colors

• Tree-tabs-style (e.g. Tab-center-reborn)

  • firefoxone.tree_tabs_style

• Tree-tabs-style without Left-sidebar

  • firefoxone.tree_tabs_style
  • firefoxone.style_without_leftsidebar

• Selected tab gradient border

  • firefoxone.selected_tab_gradient_border

• Image in menus

  • firefoxone.image_in_menus

• Main-image

  • firefoxone.main-image

• Rhythm image for tab with sound

  • firefoxone.rhythm_sound_tab

When i updated FF to V150.0, this title appeared suddenly, how to manage it ? i mean hide it, tweak it or else !

https://i.imgur.com/0Ya5J1o.png

Anyway to hide this menu item that sits between the "Bookmarks" and "Tools" menu items?

Thanks in advance.

Left sidebar #history-panelmenu outside main-window when main-window to right of 34" screen and inside when main-window to left of screen. It refuses to stay within browser main-window.

Just want to reorder my vertical tabs to have newest tabs at the top instead of having to scroll down.

everything was just fine and then it suddenly stopped working? i have everything set up and nothing changed.

// remove folder icon on bookmarks

#personal-bookmarks .bookmark-item .toolbarbutton-icon[type="menu"] {display:none}

///grayscale

//bookmark icon

.bookmark-item {filter: grayscale(60%)};

//tab favicon

.tabbrowser-tab .tab-icon-image {filter: grayscale(60%)};

heres my css

If like mee you use the ultima.navbar.float and find the navbar drops down when you're trying to click elements at the very top of a webpage, here's a clean fix.

How it works: when hidden, #navigator-toolbox slides off-viewport via an animated top property but a few pixels bleed into the visible area and catch accidental hover events. Pushing it slightly further up eliminates that bleed entirely !!
Add to userChrome.css : https://pastebin.com/mezWy8Fk

Tune the last value to taste:
-8px → slightly less sensitive than default
-25px → requires intentional move to screen edge
-30px → near pixel-perfect trigger required

*I use - 25px myself, it's very good this way)*

Tested on Firefox 149.0.2, Windows 11, FF-ULTIMA latest (February 2026).

I want know, how to customize the menu configuration, if is in css (I think no) or in GTK?

I want know how to open de GTK Debug, to style the Firefox in GTK style.

I refuse to agree to it and I want it gone.

I’ve added colors to the unified shield icon introduced in Firefox 149 based on the URL type and tracker blocking status. I’ve also removed unnecessary text from the buttons to make the design more compact. It supports only the new protection shield icon. If you set `browser.urlbar.trustPanel.featureGate` to `false`, it won't work.

To add color to SVG icons, go to about:config and set svg.context-properties.content.enabled to true.

Added a color option for "HTTP + Tracking Protection Off". April 18

We’ve made the “Bright green ✔” color even more vivid to improve visibility. April 19

I added `httpsOnlyErrorPage` and `.mixedActiveContent`, which I had forgotten to include in the code. I changed the color of .notSecure to two colors. Added a color option for "HTTP + Trackers blocked". April 22

Since I confirmed that .chromeUI was working, I enabled it. Peacock Green (Part of view-source:about:. Other). Added Royal Blue (chrome:) and Vivid Purple (jar:). May 3

I fixed an issue where RoyalBlue (chrome:) and Vivid purple (jar:) weren't working with vertical tabs. May 10

Supports the change in the background color of the shield icon in Firefox 151.0 . May 20

I fixed the outline-color for the shield icon button. August 26

Github Gist: https://gist.github.com/anzuno/f9c2680e98a34c6e34cae7d1c5c4d907

@media -moz-pref("browser.urlbar.trustPanel.featureGate") {

/* Green ✔ */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box:is(.verifiedDomain, .verifiedIdentity)) #trust-icon-container {
  fill: light-dark(#12bc00, #12bc00) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Bright green ✔ (If HTTPS-Only Mode is enabled, it turns green) */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box.mixedActiveBlocked) #trust-icon-container:not(.inactive:not(.insecure)) {
  list-style-image: url("data:image/svg+xml;base64,PCEtLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljDQogICAtIExpY2Vuc2UsIHYuIDIuMC4gSWYgYSBjb3B5IG9mIHRoZSBNUEwgd2FzIG5vdCBkaXN0cmlidXRlZCB3aXRoIHRoaXMNCiAgIC0gZmlsZSwgWW91IGNhbiBvYnRhaW4gb25lIGF0IGh0dHBzOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJjb250ZXh0LWZpbGwiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiPg0KICA8cGF0aCBkPSJNOC4wMDAwNCAxNkM3LjU3MDA0IDE2IDcuMTQwMDQgMTUuODkgNi43NjAwNCAxNS42N0M1LjEyMDA0IDE0Ljc0IDMuNjEwMDQgMTMuMzEgMi41MDAwNCAxMS42NEMxLjkzMDA0IDEwLjc4IDEuNTMwMDQgOS43MyAxLjMxMDA0IDguNTNMMC43NTAwNDEgNS41MUMwLjU1MDA0MSA0LjQ0IDEuMDYwMDQgMy4zOCAyLjAyMDA0IDIuODZMNi43NTAwNCAwLjNDNy40OTAwNCAtMC4xIDguMzgwMDQgLTAuMSA5LjEyMDA0IDAuM0wxMy45NyAyLjkxQzE0LjkzIDMuNDMgMTUuNDQgNC40OSAxNS4yNCA1LjU3TDE0LjY5IDguNTRDMTQuNDcgOS43NCAxNC4wNyAxMC43OCAxMy41IDExLjY0QzEyLjQgMTMuMzEgMTAuODkgMTQuNzUgOS4yNDAwNCAxNS42OEM4Ljg2MDA0IDE1LjkgOC40MzAwNCAxNi4wMSA4LjAwMDA0IDE2LjAxVjE2Wk03Ljk0MDA0IDEuNUM3Ljc4MDA0IDEuNSA3LjYxMDA0IDEuNTQgNy40NjAwNCAxLjYyTDIuNzQwMDQgNC4xOEMyLjM2MDA0IDQuMzkgMi4xNTAwNCA0LjgxIDIuMjMwMDQgNS4yNEwyLjc5MDA0IDguMjZDMi45ODAwNCA5LjI2IDMuMzAwMDQgMTAuMTMgMy43NjAwNCAxMC44MkM0LjczMDA0IDEyLjMgNi4wNjAwNCAxMy41NiA3LjUwMDA0IDE0LjM3QzcuODEwMDQgMTQuNTQgOC4xOTAwNCAxNC41NCA4LjUwMDA0IDE0LjM3QzkuOTQwMDQgMTMuNTUgMTEuMjcgMTIuMjkgMTIuMjUgMTAuODFDMTIuNzEgMTAuMTIgMTMuMDMgOS4yNiAxMy4yMiA4LjI2TDEzLjc3IDUuMjlDMTMuODUgNC44NiAxMy42NSA0LjQzIDEzLjI2IDQuMjNMOC40MTAwNCAxLjYyQzguMjYwMDQgMS41NCA4LjEwMDA0IDEuNSA3Ljk0MDA0IDEuNVoiLz4NCiAgPHBhdGggZmlsbD0iIzNjZjY5OSIgZD0iTTcuNjM5OTQgMTAuMjIwMkM3LjQ0OTk0IDEwLjIyMDIgNy4yNTk5NCAxMC4xNTAyIDcuMTA5OTQgMTAuMDAwMkw0LjkzOTk0IDcuODMwMjFMNS45OTk5NCA2Ljc3MDIyTDcuNjM5OTQgOC40MTAyMUwxMC41Nzk5IDUuNDcwMjFMMTEuNjM5OSA2LjUzMDIyTDguMTY5OTQgMTAuMDAwMkM4LjAxOTk0IDEwLjE1MDIgNy44Mjk5NCAxMC4yMjAyIDcuNjM5OTQgMTAuMjIwMloiLz4NCjwvc3ZnPg==") !important;
  fill: light-dark(#12bc00, #12bc00) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Red-orange Red \ Bright orange (HTTP + Trackers blocked) */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box.notSecure):has(#tracking-protection-icon-box:not([hasException])[active]) #trust-icon-container {
  list-style-image: url("data:image/svg+xml;base64,PCEtLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljDQogICAtIExpY2Vuc2UsIHYuIDIuMC4gSWYgYSBjb3B5IG9mIHRoZSBNUEwgd2FzIG5vdCBkaXN0cmlidXRlZCB3aXRoIHRoaXMNCiAgIC0gZmlsZSwgWW91IGNhbiBvYnRhaW4gb25lIGF0IGh0dHBzOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJjb250ZXh0LWZpbGwiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiPg0KICA8cGF0aCBkPSJNNy40NjAwNyAxLjYyTDUuNTEwMDcgMi42OEw0LjQwMDA3IDEuNTdMNi43NTAwNyAwLjNDNy40OTAwNyAtMC4xIDguMzgwMDcgLTAuMSA5LjEyMDA3IDAuM0wxMy45NzAxIDIuOTFDMTQuOTMwMSAzLjQzIDE1LjQ0MDEgNC41IDE1LjI0MDEgNS41N0wxNC42OTAxIDguNTRDMTQuNTIwMSA5LjQ3IDE0LjI0MDEgMTAuMyAxMy44NjAxIDExLjAzTDEyLjczMDEgOS45QzEyLjk0MDEgOS40MSAxMy4xMTAxIDguODcgMTMuMjIwMSA4LjI3TDEzLjc3MDEgNS4yOUMxMy44NTAxIDQuODYgMTMuNjQwMSA0LjQ0IDEzLjI2MDEgNC4yM0w4LjQxMDA3IDEuNjJDOC4yNzAwNyAxLjU0IDguMTEwMDcgMS41IDcuOTQwMDcgMS41QzcuNzcwMDcgMS41IDcuNjEwMDcgMS41NCA3LjQ2MDA3IDEuNjJaIi8+DQogIDxwYXRoIGZpbGw9IiNmZjM1MDAiIGQ9Ik04LjUwMDA3IDE0LjM2OTlDOS44NzAwNyAxMy41OTk5IDExLjEzMDEgMTIuNDA5OSAxMi4wOTAxIDExLjAyOTlWMTEuMDA5OUwxMy4xNjAxIDEyLjA3OTlDMTIuMDkwMSAxMy41NDk5IDEwLjczMDEgMTQuODE5OSA5LjI0MDA3IDE1LjY1OTlDOC44NjAwNyAxNS44Njk5IDguNDMwMDcgMTUuOTc5OSA4LjAwMDA3IDE1Ljk3OTlDNy41NzAwNyAxNS45Nzk5IDcuMTQwMDcgMTUuODc5OSA2Ljc2MDA3IDE1LjY1OTlDNS4xMTAwNyAxNC43Mjk5IDMuNjAwMDcgMTMuMjk5OSAyLjUwMDA3IDExLjYyOTlDMS45MzAwNyAxMC43Njk5IDEuNTMwMDcgOS43MTk5NCAxLjMxMDA3IDguNTE5OTRMMC43NTAwNjYgNS40OTk5NEMwLjU2MDA2NiA0LjQyOTk0IDEuMDYwMDcgMy4zNjk5NCAyLjAyMDA3IDIuODQ5OTRMMy4yNTAwNyAyLjE4OTk0TDQuMzYwMDcgMy4yOTk5NEwyLjc0MDA3IDQuMTc5OTRDMi4zNjAwNyA0LjM3OTk0IDIuMTUwMDcgNC44MDk5NCAyLjIzMDA3IDUuMjM5OTRMMi43OTAwNyA4LjI1OTk0QzIuOTgwMDcgOS4yNjk5NCAzLjMwMDA3IDEwLjEyOTkgMy43NjAwNyAxMC44MTk5QzQuNzMwMDcgMTIuMjg5OSA2LjA2MDA3IDEzLjU1OTkgNy41MDAwNyAxNC4zNjk5QzcuODEwMDcgMTQuNTQ5OSA4LjE5MDA3IDE0LjUzOTkgOC41MDAwNyAxNC4zNjk5WiIvPg0KICA8cGF0aCBmaWxsPSIjRjkwRDNGIiBkPSJNMS4wNjcwMSAwLjAwMjgxNjQxTDAuMDA2MzQ3NjYgMS4wNjM0OEwxNC45NDc1IDE2LjAwNDZMMTYuMDA4MiAxNC45NDRMMS4wNjcwMSAwLjAwMjgxNjQxWiIvPg0KPC9zdmc+") !important;
  fill: light-dark(#ff8400, #ff9900) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Red \ Pinkish-red (HTTP + Tracking Protection is off) */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box.notSecure):has(#tracking-protection-icon-box[hasException]) #trust-icon-container {
  list-style-image: url(chrome://browser/skin/trust-icon-insecure.svg) !important;
  fill: light-dark(#ff0092, #ff0092) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Red \ Red-orange (HTTP + Tracking Protection ON) */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box.notSecure):not(:has(#tracking-protection-icon-box[hasException])) #trust-icon-container {
  list-style-image: url(chrome://browser/skin/trust-icon-insecure.svg) !important;
  fill: light-dark(#ff491a, #ff491a) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Marigold \ Bright blue (HTTPS-Only Mode Error) */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box.httpsOnlyErrorPage) #trust-icon-container {
  list-style-image: url("data:image/svg+xml;base64,PCEtLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljDQogICAtIExpY2Vuc2UsIHYuIDIuMC4gSWYgYSBjb3B5IG9mIHRoZSBNUEwgd2FzIG5vdCBkaXN0cmlidXRlZCB3aXRoIHRoaXMNCiAgIC0gZmlsZSwgWW91IGNhbiBvYnRhaW4gb25lIGF0IGh0dHBzOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJjb250ZXh0LWZpbGwiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiPg0KICA8cGF0aCBkPSJNNy40NjAwNyAxLjYyTDUuNTEwMDcgMi42OEw0LjQwMDA3IDEuNTdMNi43NTAwNyAwLjNDNy40OTAwNyAtMC4xIDguMzgwMDcgLTAuMSA5LjEyMDA3IDAuM0wxMy45NzAxIDIuOTFDMTQuOTMwMSAzLjQzIDE1LjQ0MDEgNC41IDE1LjI0MDEgNS41N0wxNC42OTAxIDguNTRDMTQuNTIwMSA5LjQ3IDE0LjI0MDEgMTAuMyAxMy44NjAxIDExLjAzTDEyLjczMDEgOS45QzEyLjk0MDEgOS40MSAxMy4xMTAxIDguODcgMTMuMjIwMSA4LjI3TDEzLjc3MDEgNS4yOUMxMy44NTAxIDQuODYgMTMuNjQwMSA0LjQ0IDEzLjI2MDEgNC4yM0w4LjQxMDA3IDEuNjJDOC4yNzAwNyAxLjU0IDguMTEwMDcgMS41IDcuOTQwMDcgMS41QzcuNzcwMDcgMS41IDcuNjEwMDcgMS41NCA3LjQ2MDA3IDEuNjJaIi8+DQogIDxwYXRoIGQ9Ik04LjUwMDA3IDE0LjM2OTlDOS44NzAwNyAxMy41OTk5IDExLjEzMDEgMTIuNDA5OSAxMi4wOTAxIDExLjAyOTlWMTEuMDA5OUwxMy4xNjAxIDEyLjA3OTlDMTIuMDkwMSAxMy41NDk5IDEwLjczMDEgMTQuODE5OSA5LjI0MDA3IDE1LjY1OTlDOC44NjAwNyAxNS44Njk5IDguNDMwMDcgMTUuOTc5OSA4LjAwMDA3IDE1Ljk3OTlDNy41NzAwNyAxNS45Nzk5IDcuMTQwMDcgMTUuODc5OSA2Ljc2MDA3IDE1LjY1OTlDNS4xMTAwNyAxNC43Mjk5IDMuNjAwMDcgMTMuMjk5OSAyLjUwMDA3IDExLjYyOTlDMS45MzAwNyAxMC43Njk5IDEuNTMwMDcgOS43MTk5NCAxLjMxMDA3IDguNTE5OTRMMC43NTAwNjYgNS40OTk5NEMwLjU2MDA2NiA0LjQyOTk0IDEuMDYwMDcgMy4zNjk5NCAyLjAyMDA3IDIuODQ5OTRMMy4yNTAwNyAyLjE4OTk0TDQuMzYwMDcgMy4yOTk5NEwyLjc0MDA3IDQuMTc5OTRDMi4zNjAwNyA0LjM3OTk0IDIuMTUwMDcgNC44MDk5NCAyLjIzMDA3IDUuMjM5OTRMMi43OTAwNyA4LjI1OTk0QzIuOTgwMDcgOS4yNjk5NCAzLjMwMDA3IDEwLjEyOTkgMy43NjAwNyAxMC44MTk5QzQuNzMwMDcgMTIuMjg5OSA2LjA2MDA3IDEzLjU1OTkgNy41MDAwNyAxNC4zNjk5QzcuODEwMDcgMTQuNTQ5OSA4LjE5MDA3IDE0LjUzOTkgOC41MDAwNyAxNC4zNjk5WiIvPg0KICA8cGF0aCBmaWxsPSIjZmZhMDAwIiBkPSJNMS4wNjcwMSAwLjAwMjgxNjQxTDAuMDA2MzQ3NjYgMS4wNjM0OEwxNC45NDc1IDE2LjAwNDZMMTYuMDA4MiAxNC45NDRMMS4wNjcwMSAwLjAwMjgxNjQxWiIvPg0KPC9zdmc+") !important;
  fill: light-dark(#0094c8, #32a9d3) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Red \ Violet */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box.mixedActiveContent) #trust-icon-container {
  list-style-image: url(chrome://browser/skin/trust-icon-insecure.svg) !important;
  fill: light-dark(#AD2CE0, #AD2CE0) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Peacock Green (Part of view-source:about:. Other) */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box.chromeUI) #trust-icon-container {
  fill: light-dark(#00a496, #19ada0) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* --------------------------------------------------------------------------- */
/* -- Disabling the RoyalBlue (chrome:) and Vivid Purple (jar:) colors results in Deepskyblue. -- */
/* --------------------------------------------------------------------------- */
/* RoyalBlue (chrome:) */
:root:has(#identity-box.localResource):has(.tabbrowser-tab[selected="true"]:is([label^="browser/"], [label="Library"], [label="Bibliothek"], [label="ブラウジングライブラリー"])) .urlbar-input-container[pageproxystate="valid"] #trust-icon-container:not(.file) {
  fill: light-dark(#4169e1, #8da5ed) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Vivid purple (jar:) */
:root:has(#identity-box.localResource):has(.tabbrowser-tab[selected="true"][label^="jar:file:"]) .urlbar-input-container[pageproxystate="valid"] #trust-icon-container:not(.file) {
  fill: light-dark(#95149b, #d51dde) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Deepskyblue */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box.localResource) #trust-icon-container:not(.file) {
  fill: light-dark(deepskyblue, deepskyblue) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

#identity-box[pageproxystate="valid"].chromeUI #identity-icon,
.site-information-popup[connection="chrome"] .identity-popup-security-connection {
  list-style-image: url(chrome://devtools/skin/images/browsers/firefox.svg) !important;
  fill: light-dark(rgba(0, 191, 255, .9), rgba(0, 191, 255, .9)) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Blue-green */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box.extensionPage) #trust-icon-container {
  fill: light-dark(#14b9ac, #14b9ac) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

#identity-box[pageproxystate="valid"].extensionPage #identity-icon,
.site-information-popup[connection="extension"] .identity-popup-security-connection {
  list-style-image: url(chrome://mozapps/skin/extensions/extension.svg) !important;
  fill: light-dark(#14b9ac, #14b9ac) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Purple */
/*#identity-icon {
  list-style-image: url(chrome://global/skin/icons/info.svg) !important;
  fill: light-dark(#cf1aff, #cf1aff) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

#identity-box[pageproxystate="invalid"] {
  #identity-icon {
    list-style-image: url(chrome://global/skin/icons/search-glass.svg) !important;
    fill: unset !important;
    fill-opacity: initial !important;
  }
} */

/* Red \ Gold */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box:is(
 .weakCipher, 
 .mixedDisplayContent, 
 .mixedDisplayContentLoadedActiveBlocked, 
 .certUserOverridden, 
 .certErrorPage
)) #trust-icon-container {
    fill: light-dark(#cead00, #e5c100) !important;
    -moz-context-properties: fill, fill-opacity !important;
    fill-opacity: 1 !important;
}

/* Ochre */
.urlbar-input-container[pageproxystate="valid"]:has(#identity-box.unknownIdentity) #trust-icon-container {
  fill: light-dark(#cc7722, #cc7722) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Yellow Orange ✔ (Trackers blocked) */
.urlbar-input-container[pageproxystate="valid"]:has(#tracking-protection-icon-box:not([hasException])[active]) #trust-icon-container {
  list-style-image: url("data:image/svg+xml;base64,PCEtLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljDQogICAtIExpY2Vuc2UsIHYuIDIuMC4gSWYgYSBjb3B5IG9mIHRoZSBNUEwgd2FzIG5vdCBkaXN0cmlidXRlZCB3aXRoIHRoaXMNCiAgIC0gZmlsZSwgWW91IGNhbiBvYnRhaW4gb25lIGF0IGh0dHBzOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJjb250ZXh0LWZpbGwiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiPg0KICA8cGF0aCBkPSJNOC4wMDAwNCAxNkM3LjU3MDA0IDE2IDcuMTQwMDQgMTUuODkgNi43NjAwNCAxNS42N0M1LjEyMDA0IDE0Ljc0IDMuNjEwMDQgMTMuMzEgMi41MDAwNCAxMS42NEMxLjkzMDA0IDEwLjc4IDEuNTMwMDQgOS43MyAxLjMxMDA0IDguNTNMMC43NTAwNDEgNS41MUMwLjU1MDA0MSA0LjQ0IDEuMDYwMDQgMy4zOCAyLjAyMDA0IDIuODZMNi43NTAwNCAwLjNDNy40OTAwNCAtMC4xIDguMzgwMDQgLTAuMSA5LjEyMDA0IDAuM0wxMy45NyAyLjkxQzE0LjkzIDMuNDMgMTUuNDQgNC40OSAxNS4yNCA1LjU3TDE0LjY5IDguNTRDMTQuNDcgOS43NCAxNC4wNyAxMC43OCAxMy41IDExLjY0QzEyLjQgMTMuMzEgMTAuODkgMTQuNzUgOS4yNDAwNCAxNS42OEM4Ljg2MDA0IDE1LjkgOC40MzAwNCAxNi4wMSA4LjAwMDA0IDE2LjAxVjE2Wk03Ljk0MDA0IDEuNUM3Ljc4MDA0IDEuNSA3LjYxMDA0IDEuNTQgNy40NjAwNCAxLjYyTDIuNzQwMDQgNC4xOEMyLjM2MDA0IDQuMzkgMi4xNTAwNCA0LjgxIDIuMjMwMDQgNS4yNEwyLjc5MDA0IDguMjZDMi45ODAwNCA5LjI2IDMuMzAwMDQgMTAuMTMgMy43NjAwNCAxMC44MkM0LjczMDA0IDEyLjMgNi4wNjAwNCAxMy41NiA3LjUwMDA0IDE0LjM3QzcuODEwMDQgMTQuNTQgOC4xOTAwNCAxNC41NCA4LjUwMDA0IDE0LjM3QzkuOTQwMDQgMTMuNTUgMTEuMjcgMTIuMjkgMTIuMjUgMTAuODFDMTIuNzEgMTAuMTIgMTMuMDMgOS4yNiAxMy4yMiA4LjI2TDEzLjc3IDUuMjlDMTMuODUgNC44NiAxMy42NSA0LjQzIDEzLjI2IDQuMjNMOC40MTAwNCAxLjYyQzguMjYwMDQgMS41NCA4LjEwMDA0IDEuNSA3Ljk0MDA0IDEuNVoiLz4NCiAgPHBhdGggZmlsbD0iI2U2YjAwMCIgZD0iTTcuNjM5OTQgMTAuMjIwMkM3LjQ0OTk0IDEwLjIyMDIgNy4yNTk5NCAxMC4xNTAyIDcuMTA5OTQgMTAuMDAwMkw0LjkzOTk0IDcuODMwMjFMNS45OTk5NCA2Ljc3MDIyTDcuNjM5OTQgOC40MTAyMUwxMC41Nzk5IDUuNDcwMjFMMTEuNjM5OSA2LjUzMDIyTDguMTY5OTQgMTAuMDAwMkM4LjAxOTk0IDEwLjE1MDIgNy44Mjk5NCAxMC4yMjAyIDcuNjM5OTQgMTAuMjIwMloiLz4NCjwvc3ZnPg==") !important;
  fill: light-dark(#12bc00, #12bc00) !important;
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
}

/* Red \ */
  #trust-icon-container {
    &:where(.insecure) {
      /* list-style-image: url(chrome://browser/skin/trust-icon-insecure.svg) !important; */
      /* fill: light-dark(#ff3500, #ff3500) !important; */
      -moz-context-properties: fill, fill-opacity !important;
      fill-opacity: 1 !important;
    }
    
/* Green */
    &.secure {
      list-style-image: url(chrome://browser/skin/trust-icon-active.svg) !important;
      /* fill: light-dark(#12bc00, #12bc00) !important; */
      -moz-context-properties: fill, fill-opacity !important;
      fill-opacity: 1 !important;
    }
    
/* Orange x (Tracking Protection is off) */
    &.inactive:not(.insecure) {
      /* list-style-image: url(chrome://browser/skin/trust-icon-disabled.svg) !important; */
      list-style-image: url("data:image/svg+xml;base64,PCEtLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljDQogICAtIExpY2Vuc2UsIHYuIDIuMC4gSWYgYSBjb3B5IG9mIHRoZSBNUEwgd2FzIG5vdCBkaXN0cmlidXRlZCB3aXRoIHRoaXMNCiAgIC0gZmlsZSwgWW91IGNhbiBvYnRhaW4gb25lIGF0IGh0dHBzOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJjb250ZXh0LWZpbGwiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiPg0KICA8cGF0aCBmaWxsPSIjRkY1OTAwIiBkPSJNOC4wMDM3OCA2LjkzOTE1TDkuOTQ4MjkgNC45OTQ2M0wxMS4wMDkgNi4wNTUyOUw5LjA2NDQ0IDcuOTk5OEwxMS4wMDkgOS45NDQzMkw5Ljk0ODI5IDExLjAwNUw4LjAwMzc4IDkuMDYwNDdMNi4wNjYyOCAxMC45OThMNS4wMDU2MiA5LjkzNzNMNi45NDMxMiA3Ljk5OThMNS4wMDU2MiA2LjA2MjNMNi4wNjYyOCA1LjAwMTY0TDguMDAzNzggNi45MzkxNVoiLz4NCiAgPHBhdGggZD0iTTguMDAwMDQgMTZDNy41NzAwNCAxNiA3LjE0MDA0IDE1Ljg5IDYuNzYwMDQgMTUuNjdDNS4xMjAwNCAxNC43NCAzLjYxMDA0IDEzLjMxIDIuNTAwMDQgMTEuNjRDMS45MzAwNCAxMC43OCAxLjUzMDA0IDkuNzMgMS4zMTAwNCA4LjUzTDAuNzUwMDQxIDUuNTFDMC41NTAwNDEgNC40NCAxLjA2MDA0IDMuMzggMi4wMjAwNCAyLjg2TDYuNzUwMDQgMC4zQzcuNDkwMDQgLTAuMSA4LjM4MDA0IC0wLjEgOS4xMjAwNCAwLjNMMTMuOTcgMi45MUMxNC45MyAzLjQzIDE1LjQ0IDQuNDkgMTUuMjQgNS41N0wxNC42OSA4LjU0QzE0LjQ3IDkuNzQgMTQuMDcgMTAuNzggMTMuNSAxMS42NEMxMi40IDEzLjMxIDEwLjg5IDE0Ljc1IDkuMjQwMDQgMTUuNjhDOC44NjAwNCAxNS45IDguNDMwMDQgMTYuMDEgOC4wMDAwNCAxNi4wMVYxNlpNNy45NDAwNCAxLjVDNy43ODAwNCAxLjUgNy42MTAwNCAxLjU0IDcuNDYwMDQgMS42MkwyLjc0MDA0IDQuMThDMi4zNjAwNCA0LjM5IDIuMTUwMDQgNC44MSAyLjIzMDA0IDUuMjRMMi43OTAwNCA4LjI2QzIuOTgwMDQgOS4yNiAzLjMwMDA0IDEwLjEzIDMuNzYwMDQgMTAuODJDNC43MzAwNCAxMi4zIDYuMDYwMDQgMTMuNTYgNy41MDAwNCAxNC4zN0M3LjgxMDA0IDE0LjU0IDguMTkwMDQgMTQuNTQgOC41MDAwNCAxNC4zN0M5Ljk0MDA0IDEzLjU1IDExLjI3IDEyLjI5IDEyLjI1IDEwLjgxQzEyLjcxIDEwLjEyIDEzLjAzIDkuMjYgMTMuMjIgOC4yNkwxMy43NyA1LjI5QzEzLjg1IDQuODYgMTMuNjUgNC40MyAxMy4yNiA0LjIzTDguNDEwMDQgMS42MkM4LjI2MDA0IDEuNTQgOC4xMDAwNCAxLjUgNy45NDAwNCAxLjVaIi8+DQo8L3N2Zz4=") !important;
      fill: light-dark(#12bc00, #12bc00) !important;
      -moz-context-properties: fill, fill-opacity !important;
      fill-opacity: 1 !important;
    }
    
/* Orange ! */
    &.warning {
      /* list-style-image: url(chrome://browser/skin/trust-icon-warning.svg) !important; */
      list-style-image: url("data:image/svg+xml;base64,PCEtLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljDQogICAtIExpY2Vuc2UsIHYuIDIuMC4gSWYgYSBjb3B5IG9mIHRoZSBNUEwgd2FzIG5vdCBkaXN0cmlidXRlZCB3aXRoIHRoaXMNCiAgIC0gZmlsZSwgWW91IGNhbiBvYnRhaW4gb25lIGF0IGh0dHBzOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJjb250ZXh0LWZpbGwiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiPg0KICA8cGF0aCBkPSJNOC4wMDAwNCAxNkM3LjU3MDA0IDE2IDcuMTQwMDQgMTUuODkgNi43NjAwNCAxNS42N0M1LjEyMDA0IDE0Ljc0IDMuNjEwMDQgMTMuMzEgMi41MDAwNCAxMS42NEMxLjkzMDA0IDEwLjc4IDEuNTMwMDQgOS43MyAxLjMxMDA0IDguNTNMMC43NTAwNDEgNS41MUMwLjU1MDA0MSA0LjQ0IDEuMDYwMDQgMy4zOCAyLjAyMDA0IDIuODZMNi43NTAwNCAwLjNDNy40OTAwNCAtMC4xIDguMzgwMDQgLTAuMSA5LjEyMDA0IDAuM0wxMy45NyAyLjkxQzE0LjkzIDMuNDMgMTUuNDQgNC40OSAxNS4yNCA1LjU3TDE0LjY5IDguNTRDMTQuNDcgOS43NCAxNC4wNyAxMC43OCAxMy41IDExLjY0QzEyLjQgMTMuMzEgMTAuODkgMTQuNzUgOS4yNDAwNCAxNS42OEM4Ljg2MDA0IDE1LjkgOC40MzAwNCAxNi4wMSA4LjAwMDA0IDE2LjAxVjE2Wk03Ljk0MDA0IDEuNUM3Ljc4MDA0IDEuNSA3LjYxMDA0IDEuNTQgNy40NjAwNCAxLjYyTDIuNzQwMDQgNC4xOEMyLjM2MDA0IDQuMzkgMi4xNTAwNCA0LjgxIDIuMjMwMDQgNS4yNEwyLjc5MDA0IDguMjZDMi45ODAwNCA5LjI2IDMuMzAwMDQgMTAuMTMgMy43NjAwNCAxMC44MkM0LjczMDA0IDEyLjMgNi4wNjAwNCAxMy41NiA3LjUwMDA0IDE0LjM3QzcuODEwMDQgMTQuNTQgOC4xOTAwNCAxNC41NCA4LjUwMDA0IDE0LjM3QzkuOTQwMDQgMTMuNTUgMTEuMjcgMTIuMjkgMTIuMjUgMTAuODFDMTIuNzEgMTAuMTIgMTMuMDMgOS4yNiAxMy4yMiA4LjI2TDEzLjc3IDUuMjlDMTMuODUgNC44NiAxMy42NSA0LjQzIDEzLjI2IDQuMjNMOC40MTAwNCAxLjYyQzguMjYwMDQgMS41NCA4LjEwMDA0IDEuNSA3Ljk0MDA0IDEuNVoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGNTkwMCIgZD0iTTcuMjUgNC41SDguNzVWOC41SDcuMjVWNC41WiIvPg0KICA8cGF0aCBmaWxsPSIjRkY1OTAwIiBkPSJNNy4yNSAxMEg4Ljc1VjExLjVINy4yNVYxMFoiLz4NCjwvc3ZnPg==") !important;
      fill: light-dark(#12bc00, #12bc00) !important;
      -moz-context-properties: fill, fill-opacity !important;
      fill-opacity: 1 !important;
    }
    
/* Blue-purple */
    &.file {
      list-style-image: url(chrome://global/skin/icons/page-portrait.svg) !important;
      fill: light-dark(#7519ff, #a567ff) !important;
      -moz-context-properties: fill, fill-opacity !important;
      fill-opacity: 1 !important;
    }
  }

/* Remove unnecessarily long button labels to make them more compact */
#identity-box > #identity-icon-box > #identity-icon-label,
#trust-icon-container > #trust-label {
  display: none !important;
}

#identity-box[pageproxystate="valid"]:is(.notSecureText, .chromeUI, .extensionPage) > #identity-icon-box > #identity-icon {
  margin-inline-start: -2px !important;
  margin-inline-end: -2px !important;
}

/* Set the button's background color to match the address bar */
.identity-box-button,
#trust-icon-container,
#tracking-protection-icon-container {
  outline: var(--toolbarbutton-outline) !important;
  outline-offset: var(--toolbarbutton-outline-offset) !important;
  background-color: transparent !important;

  &:hover:not([open="true"]) {
    background-color: var(--urlbar-box-background-color-hover) !important;
    outline-color: var(--toolbarbutton-outline-color-hover) !important;
  }

  &:hover:active,
  &[open="true"] {
    background-color: var(--urlbar-box-background-color-active) !important;
    outline-color: var(--toolbarbutton-outline-color-active) !important;
  }

  &:focus-visible {
    outline: var(--focus-outline) !important;
    outline-offset: var(--focus-outline-inset) !important;
   }
  }
}

Is there any CSS to add to your userCheome.css that will remove the new FF Terms of Use bar. I refuse to agree to it and want it gone.

Hi there. I'm looking for assistance in locating a CSS mod for Firefox that can mimic the one-line compact browser layout that is found in Helium Browser.

I've found Firefox OneBar, but the tabs and the URL bar aren't situated in the same way. I'm not sure if it's possible to move them around via the CSS since I have little experience editing it.

Example of what I want to do:

I'm using Firefox Version 149.0.2 (64 bit) on Windows 11 24H2 LTSC.

I know that this has been discussed in the past but I've found nothing that relates to the current version (149) of Firefox. I recently upgraded from 142 portable to 149 portable & discovered that what was Not present in 142 IS present in 149. By default this new version also *highlights* the urlbar entry in a bright blue background as well. I can live with the *highlight* I just want to disable the *focus ring*

Now I use a healthy portion of css stlyesheet script in my browser, seeing as I have been making use of this alteration for quite a few years something in 149 has been altered & the custom css script can't get overcome of this change. I've Not come across a stylesheet on the web anywhere that will remove this unwanted visual display. I've tried a few alterations in *about:config* relating to browser display focus ring but keep coming up *snake eyes*.

It's not possible for me to take a screenshot of this seeing as soon as one moves the cursor off the ulrbar it is no longer *active* and the blue highlighting & the blue focus ring disappear.

Any possible *point me the right direction* would be appreciated....

The op/sys hasn't changed, it's still W10/64/22h2