UserChrome-Tweaks
FirefoxW10ContextMenus
UserChrome-Tweaks | FirefoxW10ContextMenus | |
---|---|---|
8 | 9 | |
1,166 | 106 | |
- | - | |
0.6 | 0.0 | |
almost 3 years ago | over 2 years ago | |
CSS | CSS | |
GNU General Public License v3.0 only | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
UserChrome-Tweaks
-
Been fiddling around with userChrome.css since I got bothered with TreeStyleTab's lack of horizontal screen space; no tabs and auto-hide sidebar! :D
I've done some weird things with licenses as some of the titlebar code is borrowed from the Timvde user tweaks repo but everyone is credited.
-
Mouseover icon replace?
Upd. Manage to solve it thanks to : https://github.com/Timvde/UserChrome-Tweaks
-
Can anything be done to widen tabs?
There seems to be a separate css for windows. Can't really test it now but here it is https://github.com/Timvde/UserChrome-Tweaks/blob/master/tabs/hide-tabs-windows.css
-
Putting navbar and menu bar on the same level, proton UI edition
/* TABS: on bottom - Firefox 65 and later */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) { -moz-box-ordinal-group: 10 !important; } #TabsToolbar { -moz-box-ordinal-group: 1000 !important; display: block !important; position: absolute !important; bottom: 0 !important; /* width: 100vw !important; */ } :root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar{ bottom: var(--tab-min-height) !important; padding-top: calc(var(--tab-min-height) - 20px) !important; /* may need adjustment */ } #tabbrowser-tabs { width: 100vw !important; } :root:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: calc(var(--tab-min-height) + 1px); /* may need adjustment */ } /* TABS: height */ :root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /* adjust */ } :root #tabbrowser-tabs { --tab-min-width: 80px !important; /* adjust */ } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--tab-min-height) !important; max-height: var(--tab-min-height) !important; } #TabsToolbar { height: var(--tab-min-height) !important; margin-bottom: 1px !important; box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /* omit */ background-color: var(--toolbar-bgcolor) !important; color: var(--toolbar-color) !important; } /* indicators */ .private-browsing-indicator {display: none !important;} .accessibility-indicator {display: none !important;} /* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] { width: 20px !important; } /* Override vertical shifts when moving a tab */ #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar { padding-bottom: unset !important; } #navigator-toolbox[movingtab] #tabbrowser-tabs { padding-bottom: unset !important; margin-bottom: unset !important; } #navigator-toolbox[movingtab] > #nav-bar { margin-top: unset !important; } /* windows controls - hide */ #TabsToolbar #window-controls {display: none !important;} /* caption box - hide */ :root[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {display: none !important;} /* move caption buttons to right of Tab bar */ #main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { position: fixed !important; right: 0 !important; top: calc(6px + var(--tab-min-height)) !important; display: block !important; visibility: visible !important; } #toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;} /* URL bar on same level as Menu Bar */ :root{ --uc-navbar-height: 32px; } #TabsToolbar{-moz-box-ordinal-group: 2;} #toolbar-menubar{ height: var(--uc-navbar-height); background-color: var(--toolbar-bgcolor); } #nav-bar{ padding-right: 144px; margin-top: calc(var(--uc-navbar-height) * -1); margin-left: 300px; background-color: transparent !important; } /* Black background when loading new page */ browser { background-color: #000 !important; } /* tabs on bottom #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} */ /* Change the tab-bar height tab {height: 20px !important; } .tabbrowser-strip { height: 20px !important; } */ #PanelUI-menu-button { display: none; } #nav-bar-overflow-button { display: none !important;} #back-button, #forward-button { display: none; } /* * Make the toolbar extra-compact (similar to v56 with CTR) * Applies to Compact density * Contributor(s): Alex Vallat * https://github.com/Timvde/UserChrome-Tweaks/blob/master/toolbars/compact-toolbars.css */ :root[uidensity=compact] #urlbar, :root[uidensity=compact] .searchbar-textbox { font-size: unset !important; min-height: 24px !important; } :root[uidensity=compact] #identity-box { max-height: 22px; } :root[uidensity=compact] #nav-bar .toolbarbutton-1 { padding: 0px !important; } /* Compatibility with auto-hide.css */ :root[uidensity=compact] #navigator-toolbox { --nav-bar-height: 31px !important; }
-
Changing the color of right click menu
But I got it to work by replacing the original context menu section (lines 34~574) with this css code
-
FF89 Context Menu Background Color
Hi everyone, I've been going over my entire userchrome since FF updated to 89 today, I cant seem to work out how to change the context menus background, it seems there is a new element that supersedes older css for the context menus, if you were to try this https://github.com/Timvde/UserChrome-Tweaks/blob/master/context-menu/dark-thin-context-menu.css
-
Firefox 89.0 Beta with New Look
If you need to tweak firefox interface more, these resources will help:
https://www.reddit.com/r/FirefoxCSS/
https://github.com/MrOtherGuy/firefox-csshacks
https://github.com/Timvde/UserChrome-Tweaks
-
CSS Deep
Timvde/UserChrome-Tweaks - A community maintained repository of userChrome.css tweaks for Firefox
FirefoxW10ContextMenus
- Current Setup
- Does this code still work on firefox 93?
-
How to change the color of the font of the context menu?
Didn't work either, even if I change everything to #ffffff it stays black, but I found this one that does change the font to white.
-
Changing the color of right click menu
use this instead https://github.com/M1ch431/FirefoxW10ContextMenus
-
Make Bookmark Toolbar Drop-down and Selection Match Theme
if you wanna save some time styling this stuff, I'd suggest just reading through the stylesheet I just sent you and testing the rules to see how they affect it. keep in mind there are variables in there for colors and stuff, the variables are set in uc-variables.css on the same repo. I'd just replace them unless you're gonna use the whole thing. you can also do the same kinda thing with this stylesheet, it's of a similar scope to mine but with a different style. I think it might be missing a couple of the newer context menus though, so if you're going to use the selectors from one of these, I would suggest using my selectors. I update this repo pretty frequently and new context menu stuff gets added to firefox pretty frequently too.
- FirefoxW10ContextMenus | 1.0 Release
- Firefoxw10contextmenus 10 Release
- Abbanded Shadowfox
What are some alternatives?
SpinKit - A collection of loading indicators animated with CSS
firefox-csshacks - Collection of userstyles affecting the browser
humane-js - A simple, modern, browser notification system
WaveFox - Firefox CSS Theme/Style for manual customization
css-loaders - A collection of loading spinners animated with CSS
Quietfox-Proton - Quietfox release for Proton, upgrades and improvments from myself, and from the Lepton project
awesome-conferences
gale-for-ff - CSS files to theme Firefox with Sidebery
pnotify - Beautiful JavaScript notifications with Web Notifications support.
simpleMenuWizard - Hide contextmenu items in Firefox Photon
Sequence - The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
Firefox-UI-Fix - 🦊 I respect proton UI and aim to improve it.