Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
/* Fixing back button in normal density */
:root:not([uidensity=compact]) #back-button {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
background-color: unset !important;
border: none !important;
}
/* Remove extra space around tabs */
.titlebar-spacer[type="pre-tabs"] {
width: 25px !important;
}
.titlebar-spacer[type="post-tabs"] {
width: 5px !important;
}
/* Remove tab list icon */
#alltabs-button {
display: none !important;
}
/* OPTIONAL */
/* Remove unnecessary identity-box content */
#urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
display: none !important;
}
#urlbar[pageproxystate=valid] > #identity-box.notSecureText,
#urlbar[pageproxystate=valid] > #identity-box.verifiedIdentity,
#urlbar[pageproxystate=valid] > #identity-box.chromeUI,
#urlbar[pageproxystate=valid] > #identity-box.extensionPage,
#urlbar-display-box {
border: none !important;
margin-right: 0 !important;
}
@doseofmazen

This comment has been minimized.

Copy link

@doseofmazen doseofmazen commented Apr 23, 2020

How do you add this to firefox?

@dumindu

This comment has been minimized.

Copy link
Owner Author

@dumindu dumindu commented Apr 23, 2020

@doseofmazen

  • Go to about:profiles -> Open Root Directory of your profile -> Create folder chrome -> create file userChrome.css -> add above css
  • Mozilla recently disabled userChrome.css to run by default. So, Go to about:config -> searchtoolkit.legacyUserProfileCustomizations.stylesheets -> set it to true
  • Restart the browser.
@deepdmistry

This comment has been minimized.

Copy link

@deepdmistry deepdmistry commented Jul 16, 2020

Hi, the multi account container toolbar is not visible while the light theme is on
image Do you know how to change its color so it shows up while the light theme is on.
Here is the same icon on dark theme:
image

left same comment here: https://gist.github.com/dumindu/28e4312b38b91fbfb9b701c41ccc5b66#gistcomment-3380129

@dumindu

This comment has been minimized.

Copy link
Owner Author

@dumindu dumindu commented Jul 19, 2020

@deepdmistry This is because, they are using light color icons on light theme.

However, are you using the userChrome.css?
If yes, please append the following css code to your userChrome.css and restart the browser.

#_testpilot-containers-browser-action{
  filter: invert(42%) !important;
}
@deepdmistry

This comment has been minimized.

Copy link

@deepdmistry deepdmistry commented Jul 20, 2020

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.