Last active
June 19, 2024 07:59
-
-
Save Deliquescence/b34ee36d4274f842984646dbf45084bc to your computer and use it in GitHub Desktop.
Firefox userChrome.css
This file contains 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
/* Move container indicator to bottom of tab */ | |
/* Remove the default lines */ | |
/* Highlight line for active tab on top */ | |
.tab-background:is([selected], [multiselected]):-moz-lwtheme { | |
border: none !important; | |
border-top: 2px solid white !important; | |
} | |
/* Container line on bottom */ | |
.tabbrowser-tab[usercontextid]>.tab-stack>.tab-background>.tab-context-line { | |
margin: 26px 22px 0 !important; | |
} | |
/* ^ TODO: Any way to stop it from moving up/down when selected tab changes? */ | |
/* Fix white line around entire tab */ | |
#tabbrowser-tabs .tab-background[selected="true"], | |
.tab-background[selected]:not([multiselected]):-moz-lwtheme { | |
outline: none !important; | |
} | |
/* Hide "Close Multiple Tabs" menu */ | |
#context_closeTabOptions { | |
display: none !important; | |
} | |
/* Set order of "Undo Close Tab", "Close Tab", "Close Tabs" */ | |
#context_undoCloseTab, | |
#context_closeTab, | |
#context_closeSelectedTabs { | |
-moz-box-ordinal-group: 2; | |
} | |
/* Make sure everything after "Close Tabs" in html is below in the menu by default */ | |
#context_closeSelectedTabs~* { | |
-moz-box-ordinal-group: 5; | |
} | |
/* ...but want the menu separator before the things we don't set explicitly */ | |
#context_closeTab~menuseparator { | |
-moz-box-ordinal-group: 4; | |
} | |
/* ...and now bring up "Close Other Tabs" and "Close Tabs to the Right" */ | |
#_588c6fa6-14f9-4826-b769-71a305c80bbb_-menuitem-_close_right, | |
#_a02f4411-7950-4b43-abcd-23a01a9ce719_-menuitem-_close_other_tabs { | |
-moz-box-ordinal-group: 1; | |
} | |
/* Hide adblock ultimate menu */ | |
[id^=adblockultimate_adblockultimate_net-menuitem-] { | |
display: none !important; | |
} | |
/* Make the edit bookmark list bigger */ | |
#editBookmarkPanel { | |
min-width: 500px !important; | |
} | |
#editBMPanel_folderTree { | |
min-height: 600px !important; | |
} | |
/* | |
https://github.com/leadweedy/Firefox-Proton-Square | |
*/ | |
/* TITLE BAR ----------------------------------------------------------------------------------------------- */ | |
/* override mozilla min/max/close buttons with default ones (only relevant on linux) */ | |
@media (-moz-gtk-csd-available) { | |
@supports -moz-bool-pref("browser.windowcontrolbuttons.overwrite") { | |
.titlebar-button:-moz-lwtheme { | |
appearance: auto !important; | |
} | |
.titlebar-min:-moz-lwtheme, | |
.titlebar-max:-moz-lwtheme, | |
.titlebar-restore:-moz-lwtheme, | |
.titlebar-close:-moz-lwtheme { | |
list-style-image: none !important; | |
} | |
.titlebar-button:-moz-lwtheme:hover, | |
.titlebar-button:-moz-lwtheme:hover:active { | |
background-color: unset !important; | |
color: unset !important; | |
} | |
} | |
} | |
/* remove window corner rounding in gtk */ | |
:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #navigator-toolbox:-moz-lwtheme, | |
:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) ::backdrop { | |
border-top-left-radius: 0 !important; | |
border-top-right-radius: 0 !important; | |
} | |
/* TAB BAR ------------------------------------------------------------------------------------------------- */ | |
/* sets the height of the tab toolbar | |
otherwise will change height when tabs overflow [FIXED] */ | |
/* tab height when playing audio issue fixed in FF 96.0.2+ */ | |
/* https://bugzilla.mozilla.org/show_bug.cgi?id=1714276 */ | |
/* height change when tab overflow fixed in FF 97 beta+ */ | |
#TabsToolbar { | |
height: var(--tab-bar-height, 35px) !important; | |
} | |
:root { | |
/* default value for tab-min-height = 36px */ | |
--tab-min-height: var(--tab-bar-height, 35px) !important; | |
} | |
/* Reduce left spacer on tab bar */ | |
/* .titlebar-spacer[type="pre-tabs"] { | |
display: none !important; | |
} */ | |
/* Tab - Connect to window */ | |
.tab-background { | |
border-radius: 0 !important; | |
margin-top: 0 !important; | |
margin-bottom: 0 !important; | |
} | |
.tab-content { | |
margin-top: 0 !important; | |
margin-bottom: 0 !important; | |
} | |
.tab-stack { | |
margin-top: 0 !important; | |
margin-bottom: 0 !important; | |
} | |
/* realign the selected tab so it doesnt droop down by 2px */ | |
.tabbrowser-tab[visuallyselected="true"] { | |
z-index: 0 !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment