#userchrome — Public Fediverse posts

One Open-source Project Daily

A GNOME👣 theme for Firefox🔥

https://github.com/rafaelmardojai/firefox-gnome-theme

#1ospd #opensource #css #theme #firefox #gtk #gnome #userchrome

I made a minimal firefox userStyle with a sidebar. Just when Firefox plans on releasing sidebar tabs.

But mine uses sidebery which supports tree style tabs.

#firefox #userChrome #css #linux

Take a look at it:
https://github.com/scientiac/scifox

Если ли же вам хочется лишь небольших исправлений в интерфейсе, то рекомендую посмотреть на этот репозиторий https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/combined_favicon_and_tab_close_button.css

Например, я пользуюсь стилем, который перемещает иконку закрытия вкладки на фавикон.

О том как настроить Firefox для таких манипуляций и разрабатывать стили: https://www.reddit.com/r/FirefoxCSS/wiki/index/tutorials/

#userchrome

Если вы впервые слышите о #userchrome в Firefox, то посмотрите, что умельцы с помощью него делают: https://firefoxcss-store.github.io

Скучаете по Windows 95? Нравится дизайн Safari или Arc? Легко!

Не устраивает узкая адресная строка в Firefox? Не беда, исправляется одной строчкой #userchrome

#urlbar[open] { width: 80vw !important; }

I think my #userChrome.css for #firefox is done now. I am pretty content with how it looks. Not stealing screen estate as it did before.

If anyone want to do it themselves I'll attach my userChrome.

Basically here is what you do...

Enable userChrome.css customizations in latest Firefox versions:
Open about:config
Set toolkit.legacyUserProfileCustomizations.stylesheets = true

Find menu item ID:
Open developer tools (F12)
Open the settings (F1)
Check "Enable browser chrome and add-on debugging toolboxes"
Check "Enable remote debugging"
Open browser debugging (Ctrl-Alt-ShiftI), accept incoming connection
In the browser debugging click on options button (...) > Disable popup auto-hide
Open FF context menu
In the browser debugging use "Inspect Element" to find the victim menu item
E.g. the CSS selector for option "Copy Link" is: #context-copylink

Create "userChrome.css":
Open FF profile: Help > Troubleshooting Information > Profile Directory
Create "chrome" folder
Create "userChrome.css"
Hide menu item by adding the found CSS selector to the userChrome.css:
#context-copylink {
display: none;
}

After adding all the desired menu items restart Firefox

source: superuser.com/questions/1741879/edit-firefoxs-context-menus jaunsmotivs.blogspot.com/2018/08/how-to-remove-option-from-firefox.html

How to fix the suddenly disappeared "close tab" button on mouse hover in #Firefox (apparently from Version 114+, mine is 119):

Drop this CSS snippet into your userChrome.css:

.tabbrowser-tab:not([pinned]) .tab-close-button {display: none !important}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {display: inline-flex !important}

Source: https://support.mozilla.org/en-US/questions/1413355#answer-1580762

#tabs #closeTabs #usability #browsers #userChrome #css

I think if #firefox would get a #redesign more users would use it. A good #ux is necessary to attract users (makes sense right?). I know there are #userChrome customization options but that's too complicated for "normal people". They already have a good design-team so why don't redesign Firefox to match the look of a #ModernUI ? I would love to see that.

aboutconfig-menu: Shortcuts to settings in about:config, through a button on toolbar. #Firefox #userChrome #script

Project
https://github.com/garywill/aboutconfig-menu

#UserChrome.css to restore the classic #Photon look on #Firefox 91

Project:
https://github.com/pellaeon/firefox-91plus-photon-userchrome

This morning I played around a bit with #firefox #userChrome.css.

#photonAustralis #sexy #curved #tabs #CSS