← Return to previous page

Click here to download userChrome.css file.

/*
┏┳┓╻┏┓╻╻┏┳┓┏━┓╻
┃┃┃┃┃┗┫┃┃┃┃┣━┫┃
╹ ╹╹╹ ╹╹╹ ╹╹ ╹┗━╸
┏━╸╻ ╻╺┳╸┏━╸┏┓╻┏━┓╻┏━┓┏┓╻┏━┓
┣╸ ┏╋┛ ┃ ┣╸ ┃┗┫┗━┓┃┃ ┃┃┗┫┗━┓
┗━╸╹ ╹ ╹ ┗━╸╹ ╹┗━┛╹┗━┛╹ ╹┗━┛
┏┳┓┏━╸┏┓╻╻ ╻
┃┃┃┣╸ ┃┗┫┃ ┃
╹ ╹┗━╸╹ ╹┗━┛
 */

#unified-extensions-view {
  --uei-icon-size: 16px;
}

.unified-extensions-item-menu-button.subviewbutton {
  padding: 0px !important;
  margin-inline-end: 0 !important;
}

.unified-extensions-item-action-button.subviewbutton {
  padding-block: 6px !important;
}

.unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
  padding: 4px !important;
}

.unified-extensions-item-message-deck {
  display: none
}

#unified-extensions-view > vbox > vbox > .unified-extensions-item {
  padding-block: 0px !important;
}

#unified-extensions-panel .unified-extensions-item {
  margin-block: 0 !important;
}


/*
┏━╸┏━┓┏┓╻╺┳╸┏━┓
┣╸ ┃ ┃┃┗┫ ┃ ┗━┓
╹  ┗━┛╹ ╹ ╹ ┗━┛
*/

* {
  font-family: "IBM Plex Mono Light" !important;
  font-size: 12px !important;
}





/* Remove Search Engine Button */
span[class="urlbar-visually-hidden"][aria-hidden="true"] {
    display: none !important;
}


/* Tab Counter */
#TabsToolbar-customization-target{
  counter-reset: tab-counter;
}
.tabbrowser-tab:not([hidden]){
  counter-increment: tab-counter;
}
#alltabs-button >.toolbarbutton-badge-stack > .toolbarbutton-icon{
 opacity: 0; 
}
#alltabs-button >.toolbarbutton-badge-stack::before{
  content: counter(tab-counter);
  display: flex;
  grid-area: 1/1;
  justify-content: center;
  color: var(--toolbarbutton-icon-fill);
  border-bottom: 1px solid;
  contain: inline-size;
}





#PlacesToolbarItems {
  border-top: 1px solid;
  border-color: rgb(97, 136, 89);
  padding-top: 2px;
}

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_bookmarks.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
  --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
  max-height: none !important;
}
:root[BookmarksToolbarOverlapsBrowser] :where(#PersonalToolbar){
  height: unset !important;
}

#PlacesToolbar > hbox:not(#PlacesToolbarDropIndicatorHolder){ 
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color,var(--toolbox-bgcolor)) var(--toolbar-bgcolor);
  scrollbar-gutter: stable;
  scrollbar-width: thin;

}

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows, inline margin is collapsed to prevent dragging issues */
#PlacesToolbarItems > .bookmark-item{
  margin: var(--multirow-bmb-row-margin) 0 !important;
  border-inline: 2px solid transparent;
  visibility: visible !important; /* Just in case they would be hidden for some reason */
}


/* TABS BELOW URL BAR (macOS Fixed Top Config) */
#toolbar-menubar { order: 0 !important; }
#navigator-toolbox #nav-bar { order: 1 !important; }
#TabsToolbar { order: 2 !important; }
#PersonalToolbar { order: 3 !important; }

/* Anchor the window controls directly to the screen top-left */
#TabsToolbar .titlebar-buttonbox-container {
  display: flex !important;
  align-items: center !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 40px !important; /* Forces the box to span the native top row height */

  z-index: 9999 !important; /* Forces it to float cleanly on top of the layout layer */
}

/* Clear space on the left of the Nav Bar so icons don't crawl under the buttons */
#nav-bar {
  padding-left: 70px !important; 
}

/* Remove unnecessary spacers */
.titlebar-spacer {
  width: 0px !important;
}

#urlbar-container {
  margin-inline: 20px !important;;
}


#TabsToolbar {
  padding-inline: 6px !important;;
}