Firefox... taming the beast !

MarcusL said:

You are correct. I don't like Edge, and don't like the dominant position (and reputation on privacy) Google has, so prefer not to use Chrome. I'm used to Firefox and it's been good to me for many years. I do not understand why Mozilla must ruin things. Which browser would you recommend?

Stay with Firefox. This is not what you want to hear and certainly not what the vast majority in this thread want to hear. IMO, and I repeat it's just IMO, there is too much being made of FF design changes. The only way to persuade Mozilla to modify them is to feedback directly to Mozilla. Venting your soul out here is not going to accomplish much.

lafargeotte said:

Well I submitted a bug to Mozilla, and they have given me (probably) a solution, but I don't understand how to do it!!!!

1724911 - Firefox v91 ignores userChrome.css

The new Chrome folder from github v4.0.0 ...OR the one I uploaded here (same version), already have those adjustments made to the lines of code.


If you are referring to the icon colors....they are there as shown. Some other colors I have "turned off" in my version of the Chrome folder. But they are easy to find. The ONLY active lines in the userChrome.css file are those without a /* (slash - asterisk) at the beginning.









By way of example... in the first section of the userChrome.css file in my Chrome folder, there are only TWO active lines. They are marked with the RED dots.
When Firefox reads the userChrome.css file it only SEES those two lines.
If you notice... the 2nd line with the RED dot... tells Firefox to use... 'classic grey' colors

If YOU don't want Firefox to do that... just add a (slash-asterisk-space) to the beginning of that line.
Then Firefox will not SEE that line anymore.
Each of those lines, just above and below the 2nd RED dot line... give different options, which you can choose.
If you want Firefox to SEE and do what a line says... just delete the (slash-asterisk-space) at the beginning of the line.







IF you want the Firefox 91 colors, just don't remove the (slash-asterisk-space) at the front of ANY of those lines in the....
COLOR VARIABLES FOR DEFAULT BROWSER THEME ONLY - MAIN UI, section.


Each of these lines in this whole userChrome.css file are toggles, to turn things ON and OFF.
In the picture I just posted... the lines with the RED dots are turned ON.
The rest of those lines are turned OFF.

Well I updated to FF 91.0 and did everything you told us ....and almost looks prefect ....but my open tabs are not showing any X to close the tabs Ghot ???

lafargeotte said:

So how do I get these back please, as I am more confused now:
/* Menu bar bookmarks menu background */
#bookmarksMenuPopup hbox {background: #87CEFA !important;}
/*Change highlighted menu text to any color:*/
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
browsermessage,notification .notification-inner{ border-color: red !important;}
browsermessage, notification{ background-color: red !important;}
menupopup {
-moz-appearance: none !important;
background-color: #87CEFA !important }

You're doin this the hard way my friend.
Look at the userChrome.css file. READ the lines in that file starting after the...

/************************************************************************************************/
/* CONFIGURATION FILES - edit target files to change general values *****************************/
/************************************************************************************************/

...lines. All the lines below this are toggles or switches. Some are turned ON in both my version and the version from Github.
Some will be for things you like, some won't.
YOU have to pick the ones you like, and turn them ON like I showed above.
The ones you don't like, you will need to turn OFF.

I know this seems difficult, but once you get used to it... it's pretty easy.

OldMike65 said:

Well I updated to FF 91.0 and did everything you told us ....and almost looks prefect ....but my open tabs are not showing any X to close the tabs Ghot ???

Gib me a slightly larger pic, Mike. Like this maybe...





Here's my whole TABS section....

Code:

/************************************************************************************************/
/* TABS TOOLBAR POSITION (below titlebar / below navigation toolbar / below main content) *******/
/************************************************************************************************/

/* [only use one at a time] - BELOW TITLEBAR or BELOW NAVIGATION BAR or BELOW MAIN CONTENT ******/

/* - TABS BELOW TITLEBAR (Fx56-like) ************************************************************/
/* @import "./css/tabs/tabs_below_titlebar_above_navigation_toolbar.css"; /**/

/* - TABS BELOW NAVIGATION AND BOOKMARKS TOOLBARS / TABS NOT ON TOP *****************************/
/* [!] Note: do not use OS titlebar with 'tabs not on top' code on macOS ************************/
/* [!] Note: only 'alt' works with multi-tab lines option. **************************************/
/* - Windows/Linux ******************************************************************************/
/* [!] might require overriding url bars 'selection color' --> see corresponding area ***********/ 
@import "./css/tabs/tabs_below_navigation_toolbar.css"; /**/
/* @import "./css/tabs/tabs_below_navigation_toolbar_default_tabs.css"; /**/
/* - macOS **************************************************************************************/
/* @import "./css/tabs/tabs_below_navigation_toolbar_macOS.css"; /**/
/* @import "./css/tabs/tabs_below_navigation_toolbar_macOS_default_tabs.css"; /**/

/* - Alternative for multi-lined tabs (Glitches with inactive menubar!) ******************/  /* <- use this for multiple tab lines support */
/* @import "./css/tabs/tabs_below_navigation_toolbar_alt.css"; /**/
/* @import "./css/tabs/tabs_below_navigation_toolbar_alt_force_hidden_menubar.css"; /**/ /* no menubar when OS titlebar is active */
/* @import "./css/tabs/tabs_below_navigation_toolbar_alt_macOS.css"; /**/

/* - TABS BELOW MAIN CONTENT (tabs on bottom) - EXPERIMENTAL ************************************/
/* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/33 **********************/
/* [!] not compatible to 'tabs toolbar - multiple tab lines' option *****************************/
/* - Windows/Linux ***********************************************************************/
/* @import "./css/tabs/tabs_below_main_content.css"; /**/

/* - MOVE NAVIGATION TOOLBAR TO HIGHER POSITON (for tabs not on top) - [only use one at a time] */
/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon.css"; /**/			/* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton.css"; /**/  /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton_icon_only.css"; /**/  /* <--- EXPERIMENTAL */


/* TAB BACKGROUND COLORS for default/active/hovered/unloaded tabs and 'new tab' tab *************/
/* edit target file to set own custom colors ****************************************************/
/* @import "./config/custom_tab_color_settings.css"; /**/
/* TAB TEXT colors/shadow/weight/style for default/active/hovered/unloaded tabs *****************/
/* edit target file to set own custom colors ****************************************************/
/* @import "./config/custom_tab_text_settings.css"; /**/

/* MULTIROW / multi lined tabs - [only use one at a time] ***************************************/
/* [!] EXPERIMENTAL (any Fx update might break this highly experimental feature) ****************/
/* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/39 **********************/
/* [!] BUG: dragging tabs does not work with multi lined tabs ***********************************/
/* [!] Original authors: --> https://00.bulog.jp/archives/1476 **********************************/
/* [!] --> https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/* [!] not compatible with 'tabs toolbar - below main content' option ***************************/
/* [!] only compatible with 'tabs below navigation toolbar alt version' *************************/
/* @import "./css/tabs/tabs_multiple_lines.css"; /**/
/* @import "./css/tabs/tabs_multiple_lines_force_newtab_button_visibility.css"; /**/


/* restore empty/missing tab favicon - [only use one at a time] *********************************/
@import "./css/tabs/missing_tab_favicon_restored_default.css"; /**/
/* @import "./css/tabs/missing_tab_favicon_restored_globe_v2.css"; /**/
/* @import "./css/tabs/missing_tab_favicon_restored_sheet.css"; /**/
/* @import "./css/tabs/missing_tab_favicon_restored_dotted.css"; /**/
/* @import "./css/tabs/missing_tab_favicon_restored_dotted_white.css"; /**/
/* @import "./css/tabs/missing_tab_favicon_restored_brand_logo.css"; /**/

/* custom tab loading animation - [only use one at a time] **************************************/
/* @import "./css/tabs/tab_throbber_blue_fx56.css"; /**/ /* known from Fx 56 */
/* @import "./css/tabs/tab_throbber_blue.css"; /**/
/* @import "./css/tabs/tab_throbber_grey_classic.css"; /**/
/* @import "./css/tabs/tab_throbber_green.css"; /**/
/* @import "./css/tabs/tab_throbber_orange_ubuntu.css"; /**/

/* tab close icon settings - [only use one at a time] *******************************************/
@import "./css/tabs/tab_close_always_visible.css"; /**/
/* @import "./css/tabs/tab_close_on_active_tab_only.css"; /**/
/* @import "./css/tabs/tab_close_show_on_hover_only.css"; /**/
/* @import "./css/tabs/tab_close_hidden.css"; /**/
/* @import "./css/tabs/tab_close_hidden_for_only_one_visible_tab.css"; /**/
/* @import "./css/tabs/tab_close_at_tabs_start.css"; /**/
/* @import "./css/tabs/tab_close_icon_size.css"; /**/

/* tab title - [only use one at a time] *********************************************************/
/* @import "./css/tabs/tab_title_left.css"; /**/
/* @import "./css/tabs/tab_title_centered.css"; /**/
/* @import "./css/tabs/tab_title_right.css"; /**/

/* DEFAULT TABS - use only, if 'classic squared tabs' are disabled ******************************/
/* tab line settings - [only use one at a time] *************************************************/
/* @import "./css/tabs/default_tabs_no_tab_line.css"; /**/
/* @import "./css/tabs/default_tabs_tab_line_red_for_unloaded_tabs.css"; /**/
/* @import "./css/tabs/default_tabs_tab_line_purple_in_private_mode.css"; /**/

/* other tab settings ***************************************************************************/
@import "./css/tabs/tab_icon_colors.css"; /**/
/* @import "./css/tabs/tab_audio_icon.css"; /**/
/* @import "./css/tabs/newtab_tab_size_equals_tab_size.css"; /**/
/* @import "./css/tabs/newtab_button_always_visible.css"; /**/
/* @import "./css/tabs/tab_icon_inactive_tabs_lower_opacity.css"; /**/
/* @import "./css/tabs/tab_icon_unloaded_tabs_lower_opacity.css"; /**/
/* @import "./css/tabs/tab_maxwidth.css"; /**/
/* @import "./css/tabs/tab_titles_remove_blur.css"; /**/
/* @import "./css/tabs/alltabs_button_always_visible.css"; /**/  /* <--- hidden, if multiple tab rows are used */
/* @import "./css/tabs/pinnedtab_empty_favicon_hidden.css"; /**/
/* [!] edit target file to select which items to hide *******************************************/
/* @import "./css/tabs/tab_context_menuitems_visibility.css"; /**/


/************************************************************************************************/
/* GENERAL UI ***********************************************************************************/
/************************************************************************************************/

Another thing I noticed... the 1st time I dropped in the new Chrome folder, things were a little weird.
I removed the whole Chrome folder, then restarted Firefox. Then put the Chrome folder back, and restarted Firefox again....then things came out normally.

Don't do like we did before, and do a side by side edit of the new userChrome.css file... that doesn't work this time.


Just use this Chrome folder... THEN make adjustments as necessary. Line by line adjustments, NOT side by side from the previous userChrome.css


Chrome.7z

Never mind Ghot...think I fixed it .....i made a stupid mistake ....forgot to unzip the dam file. Looks good now.

Don't tell Bob....LoL