Register a SA Forums Account here!
JOINING THE SA FORUMS WILL REMOVE THIS BIG AD, THE ANNOYING UNDERLINED ADS, AND STUPID INTERSTITIAL ADS!!!

You can: log in, read the tech support FAQ, or request your lost password. This dumb message (and those ads) will appear on every screen until you register! Get rid of this crap by registering your own SA Forums Account and joining roughly 150,000 Goons, for the one-time price of $9.95! We charge money because it costs us money per month for bills, and since we don't believe in showing ads to our users, we try to make the money back through forum registrations.
 
  • Post
  • Reply
phosdex
Dec 16, 2005

I think I'm mostly ok with the tab appearance and highlighting. It's fine when you have just normal tabs open. But when I also have container tabs and their colored highlights mixed in, those draw my eye and I get momentarily confused which tab is active.

Adbot
ADBOT LOVES YOU

BlankSystemDaemon
Mar 13, 2009



EDIT: Nevermind.

BlankSystemDaemon fucked around with this message at 22:09 on Jun 4, 2021

PirateBob
Jun 14, 2003
I'm holding off on updating to 89.

Unfortunately, with the way they've changed user data/extensions/history/logins etc to be tied to your account rather than locally stored, there's probably no way back once you click update. So I can't just make a copy of my firefox folder, try out 89, revert back. :negative:

astral
Apr 26, 2004

PirateBob posted:

I'm holding off on updating to 89.

Unfortunately, with the way they've changed user data/extensions/history/logins etc to be tied to your account rather than locally stored, there's probably no way back once you click update. So I can't just make a copy of my firefox folder, try out 89, revert back. :negative:

What? Why not? Does Firefox Sync not work with lower versions or something? I don't mess with the sync stuff, but the process you outlined should work just fine in general, and you'd get the benefit of still having whatever synced stuff available if you had to restore from your backup.

Computer viking
May 30, 2011
Now with less breakage.

GreatGreen posted:

Jesus almighty loving christ why does every firefox update make it more and more obnoxious. Tabs are even bigger now, and all colored the same but with a thin box outline around the active one?

Whhhhyyyyyyyyyyyyyyyy.

It's like Mozilla is in a race to the bottom with Chrome.


hey, found this on reddit:




So these settings work to revert the changes.
Holy loving balls, changing them back really emphasizes how bad the new UI is. These new changes are awful and whoever greenlit them should probably be fired, or at least demoted to "intern."
No, Firefox, I do not want my Windows browser to pretend to be a mobile browser. Also, I'm not 85 years old. I don't need interface elements to be 3-4 times bigger than they need to be with tons of blank space everywhere for me to see them. But if I was, thanks for making all the tabs the same color now so I can't see at a glance which tab I'm on. Also hey, thanks for removing the "audio playing" icon unless you mouse over every tab in the browser to see which one is making noise, and replacing that icon with effectively invisible "PLAYING" text that almost matches up with the normal tab text so it's even less visible.

So basically, thanks for increasing the tab size while de-emphasizing all the important differentiating elements that actually show people what's going on in their browsers you complete idiots.


I may be weird for using their third color scheme - but I find the active tab to be fairly clearly indicated?

GreatGreen
Jul 3, 2007
That's not what gaslighting means you hyperbolic dipshit.

Computer viking posted:

I may be weird for using their third color scheme - but I find the active tab to be fairly clearly indicated?



I just had the default scheme and what I saw was a grey tab on a very slightly differently colored grey background.


taken from reddit again:

old tabs:


new tabs:

GreatGreen fucked around with this message at 23:44 on Jun 4, 2021

Hughmoris
Apr 21, 2007
Let's go to the abyss!
I'm getting older and clearly out of touch with modern design but what is with the trend towards using as minimal contrast as possible? I don't understand making things harder to quickly differentiate and view.

GreatGreen
Jul 3, 2007
That's not what gaslighting means you hyperbolic dipshit.

Hughmoris posted:

I'm getting older and clearly out of touch with modern design but what is with the trend towards using as minimal contrast as possible? I don't understand making things harder to quickly differentiate and view.

To be serious for a second, the only thing that really makes sense to me regarding these new aesthetic principals is that Mozilla have shifted to designing their stuff to look best from a distance, so other people will see how sleek and sexy your computer looks with this stuff on the screen and be seduced into downloading and using these products themselves.

Basically, "gently caress you, the person actually using the product. We've already got you. The name of the game is growth, not sustaining our current user base. So now we're designing these products as marketing tools for other people not actually using your computer, not so you actually have a browser you like for just little old you."

Maybe far fetched, but that's the only thing that makes sense to me considering how unbelievably obnoxious all the new changes seem to be compared to the elements they're replacing from a usability perspective. Well, either that or all the good designers have left Mozilla, leaving only the talentless hacks trying to push their "great" new ideas onto the business people who don't know any better either way.

GreatGreen fucked around with this message at 03:29 on Jun 5, 2021

Computer viking
May 30, 2011
Now with less breakage.

GreatGreen posted:

I just had the default scheme and what I saw was a grey tab on a very slightly differently colored grey background.


taken from reddit again:

old tabs:


new tabs:


Oh yeah, that's awful.

Nalin
Sep 29, 2007

Hair Elf
If anybody is using the Photon Colors theme I linked before (https://addons.mozilla.org/en-US/firefox/addon/photon-colors/), I actually made some userChrome.css changes that fix the new tab button highlight and makes the menus light mode again:

code:
/* Photon Colors Theme Tweaks */
/* [url]https://addons.mozilla.org/en-US/firefox/addon/photon-colors/[/url] */
/* Fixes up problems that a theme cannot alter. */

/* Fixes the highlight on the new tab button. */
#tabs-newtab-button {
    --toolbarbutton-hover-background: color-mix(in srgb, currentColor 22%, transparent);
}

/* Turns menus back into light themed menus. */
/* These values are taken directly from global.css:257 for Windows 10. */
menupopup {
    --menuitem-hover-background-color: #e0e0e6 !important;
    --menu-background-color: #f9f9fb !important;
    --menu-color: #15141a !important;
    --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4) !important;
    --menu-disabled-color: rgba(21, 20, 26, 0.4) !important;
    --menu-border-color: #cfcfd8 !important;
    --menu-icon-opacity: 0.7 !important;
}
And if you want to go full on Photon style tabs and fix a lot of the spacing bullshit, put this in too:

code:
/*** Tighten up drop-down/context/popup menu spacing ***/

menupopup > menuitem, menupopup > menu {
  padding-block: 3px !important;
}
:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}

/*** Proton Tabs Tweaks ***/

/* Adjust tab corner shape, optionally remove space below tabs */

#tabbrowser-tabs {
    --user-tab-rounding: 0px;
}
@media (-moz-proton) {
    .tab-background {
        border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
        margin-block: 1px 0 !important;
    }
}

/* Inactive tabs: Separator line style */

@media (-moz-proton) {
    .tab-background:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) {
        border-right: 1px solid rgba(0, 0, 0, .20) !important;
    }
    /* For dark backgrounds */
    [brighttext="true"] .tab-background:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) {
        border-right: 1px solid var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20)) !important;
    }
    .tab-background:not([selected=true]):not([multiselected=true]) {
        border-radius: 0 !important;
    }
    /* Remove padding between tabs */
    .tabbrowser-tab {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Tweak Options as of 5/30/2021; Generated Fri Jun 04 2021 17:34:09 GMT-0700 (Pacific Daylight Time) */
Remember to set your 'browser.compactmode.show' about :config option to true and switch to the compact style. This also puts the audio "play" button back on the tab, which some people have complained about (it replaces the favicon when playing audio).

You can also play around with your own tab style on this website:
https://www.userchrome.org/firefox-89-styling-proton-ui.html#tabstyler

Nalin fucked around with this message at 04:50 on Jun 5, 2021

Nalin
Sep 29, 2007

Hair Elf
This is what my browser currently looks like:

GreatGreen
Jul 3, 2007
That's not what gaslighting means you hyperbolic dipshit.

Nalin posted:

This is what my browser currently looks like:



I think that just means it hasn't updated yet.

astral
Apr 26, 2004

Nalin posted:

This is what my browser currently looks like:



What's up with the line over the "Carve..." tab?

GreatGreen
Jul 3, 2007
That's not what gaslighting means you hyperbolic dipshit.

Computer viking posted:

Oh yeah, that's awful.

I think the coup de grace of the new design is that the highlighted part of the active tab, the lighter colored rounded square, doesn't quite extend all the way to the top and bottom of the tab area.



This is especially jarring on a Windows machine with the window maximized. The new design language gives you the impression that you can't just fling your mouse up and click the tab at the edge of the screen like before, but that you have to take time to aim at the middle of the tab and click it like a button... so you have to concentrate on it harder than before even though it's physically larger than the old tab was.

It's a very small detail but so important to the feel of tabs in general that a designer would have to be a complete mouthbreathing yokel to make that choice, or they just banged out something right before a deadline without trying it out at all.

It's just... almost impressive how much bad design they managed to cram into one update.

GreatGreen fucked around with this message at 03:52 on Jun 5, 2021

Nalin
Sep 29, 2007

Hair Elf

GreatGreen posted:

I think that just means it hasn't updated yet.

No, that is with the "Photon Colors" theme plus the userChrome.css changes. I'm actually on version 90.0b3.

astral posted:

What's up with the line over the "Carve..." tab?

Facebook Container addon. It is using black for the container color which doesn't really work well with the dark blue background. I just never bothered to change it.

Nalin
Sep 29, 2007

Hair Elf
If anybody alters their tab height, the tab scroll buttons can mess that up when they appear. I was able to solve it like this:

code:
/* Enlarge the tabs very slightly. */
:root[uidensity="compact"] {
    --tab-min-height: 32px !important;
}

/* Fix tab height when the tab scroll buttons appear. */
/* Use 0px for the vertical padding. */
#scrollbutton-up, #scrollbutton-down {
    padding: 0px var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 6px) !important;
}

Insurrectionist
May 21, 2007
I'm mostly ambivalent but why did they make the mute/unmute button on the tabs even smaller, like why, why


why

BlankSystemDaemon
Mar 13, 2009



Insurrectionist posted:

I'm mostly ambivalent but why did they make the mute/unmute button on the tabs even smaller, like why, why


why
The question is, why are you not using keyboard shortcuts? ^m will mute the active tab.

Szmitten
Apr 26, 2008
I think most egregious changes seem to skip me by because I leave things in Compact mode and they seem unwilling/unable to bloat compactness.

jeeves
May 27, 2001

Deranged Psychopathic
Butler Extraordinaire
I've been with Firefox since the beginning and holy gently caress is this the worst the interface has ever been. It's like they're actively trying to tank the browser.

The best part is that apparently they will be removing the ability to turn off proton in the about:config in like next update or something.

Insurrectionist
May 21, 2007

BlankSystemDaemon posted:

The question is, why are you not using keyboard shortcuts? ^m will mute the active tab.

Who cares about the active tab? I'm usually having 3 - 4 streams on and most of the time I'll mute/unmute non-active ones.

StrixNebulosa
Feb 14, 2012

You cheated not only the game, but yourself.
But most of all, you cheated BABA

I left chrome a few weeks ago to start using firefox and now this. How do I make my tabs not look like garbage?



I do not want them floating above my everything, it's unnerving!


e: Okay browser.proton.enabled and
browser.newtabpage.activity-stream.newNewtabExperience.enabled did it. Thank god.

StrixNebulosa fucked around with this message at 16:59 on Jun 5, 2021

Ola
Jul 19, 2004

Insurrectionist posted:

I'm mostly ambivalent but why did they make the mute/unmute button on the tabs even smaller, like why, why


why

The simple, universal play symbol is now replaced with the word PLAYING

Ruflux
Jun 16, 2012

Ola posted:

The simple, universal play symbol is now replaced with the word PLAYING

Don't forget the all-important AUTOPLAY BLOCKED which is obviously so much better than the aforementioned play button.

Max Wilco
Jan 23, 2012

I'm just trying to go through life without looking stupid.

It's not working out too well...
So since updating to Firefox 89.0, I've been having an issue with certain fonts displaying, where it will (for some strange reason) default to Helvetica Neue.



It affects other things like drop-down boxes as well:


My font settings:


Disabling 'Allow pages to choose their own fonts, instead of your selections above' remove the Helvetica font, but then it seems like it affects other fonts at the same time (a sans-serif font on one site get change to serif, which is still readable, but maybe not what was intended). EDIT: Happens here on SA, too. The font is still serif, but the font does change.





Is there a more specific fix to this issue?

doctorfrog
Mar 14, 2007

Great.

phosdex posted:

I think I'm mostly ok with the tab appearance and highlighting. It's fine when you have just normal tabs open. But when I also have container tabs and their colored highlights mixed in, those draw my eye and I get momentarily confused which tab is active.

same

I can live with the redesign. There's something futile about flipping a bunch of switches to keep the old design that'll all be disabled, one by one, over time. I can't blame folks for doing it, just not something worth doing for myself.

side note: Vivaldi looks sorta promising (I used Opera for a couple years), and I for one am ok with this thread handling Vivaldi chat.

Klyith
Aug 3, 2007

GBS Pledge Week

Max Wilco posted:

So since updating to Firefox 89.0, I've been having an issue with certain fonts displaying, where it will (for some strange reason) default to Helvetica Neue.

Is there a more specific fix to this issue?

So do you have a "Helvetica" font installed? Because for both of those web pages, their font choices on the pages are:
font-family: Helvetica Neue,helvetica,arial,sans-serif;
font-family: Inter,Helvetica,Arial,sans-serif;

So my hunch is you have a font installed that Firefox thinks is good to use when a site requests "helvetica". Helvetica is popular with designers and macs have it, so they always put helvetica first on the list before Arial (which design hipsters hate). Your screenshots look like some ultra-consensed version of helvetica. If you have some :filez: fonts that's your main problem.

Secondarily, you may have something blocking use of webfonts. The papa murphy's page wants "Inter", a web font that they're serving from their own site. So you might have something in ublock, another extension, or something that's preventing Inter from being fetched, thus moving you on to helvetica.



Everything changes to a serif font when you uncheck "allow pages to choose etc" because your default proportional font is Serif.

BlankSystemDaemon
Mar 13, 2009



Insurrectionist posted:

Who cares about the active tab? I'm usually having 3 - 4 streams on and most of the time I'll mute/unmute non-active ones.
Ah, I see - I thought you were talking about when somehow audio sneaks through (blocking autoplay still doesn't seem to be perfect).
I don't use a browser to play video, I use a video player (mpv).

Max Wilco
Jan 23, 2012

I'm just trying to go through life without looking stupid.

It's not working out too well...

Klyith posted:

So do you have a "Helvetica" font installed? Because for both of those web pages, their font choices on the pages are:
font-family: Helvetica Neue,helvetica,arial,sans-serif;
font-family: Inter,Helvetica,Arial,sans-serif;

So my hunch is you have a font installed that Firefox thinks is good to use when a site requests "helvetica". Helvetica is popular with designers and macs have it, so they always put helvetica first on the list before Arial (which design hipsters hate). Your screenshots look like some ultra-consensed version of helvetica. If you have some :filez: fonts that's your main problem.

Secondarily, you may have something blocking use of webfonts. The papa murphy's page wants "Inter", a web font that they're serving from their own site. So you might have something in ublock, another extension, or something that's preventing Inter from being fetched, thus moving you on to helvetica.



Everything changes to a serif font when you uncheck "allow pages to choose etc" because your default proportional font is Serif.

I do remember downloading and installing some modified Helvetica font (though I can't seem to find the actual download for it in my files). Photoshop lists it as 'Helvetica Ultra-Compressed'. Uninstalling it fixed the issue.

It's weird, though, because I know it's been installed on my computer for some time while I was using previous versions of Firefox. The 89.0 update, though, started picking it up, though. :shrug:

I tried disabling uBlock for Papa Murphy's to see if a new font loaded, but I didn't see any change (if could be that the font did change, I just didn't see the difference). Regardless, it's back to being readable.

Max Wilco fucked around with this message at 19:05 on Jun 5, 2021

PersonFromPorlock
Jan 27, 2019

That's true!
Is there a way to export cookies/permissions from the previous version of Firefox in a way that the new version can import? I updated, but it lost everything.

Nalin
Sep 29, 2007

Hair Elf
It may have created a new profile for some unknown reason.

https://support.mozilla.org/en-US/kb/profile-manager-create-remove-switch-firefox-profiles

Go to about :profiles and see if you have more than one. If so, you can try opening that profile in a new browser window by clicking the "Launch profile in new browser" button. If that is your correct profile, close it and make it your default.

PersonFromPorlock
Jan 27, 2019

That's true!
It did! I copied the old profile and now everything works as it used to. Although I have to say, I hate how it looks now.

Im_Special
Jan 2, 2011

Look At This!!! WOW!
It's F*cking Nothing.
Gotta love the name of this hidden preference eh?

browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar

This has got to be one of the dumbest changes I've seen yet, I cannot fathom why someone would green light a change like this...

On 89 apparently the "new tab" "search box" is "fake" and uses the URL bar (or Awesomebar™) instead, setting this to false reverts it back to pre-89 behavior.

Like WTF Mozilla, and thanks AskVG for the solution!

Im_Special fucked around with this message at 13:06 on Jun 6, 2021

Pablo Bluth
Sep 7, 2007

I've made a huge mistake.
I need to fat-shame the new interface. It's seriously ugly. Changing browser.uidensity to 1 at least puts it back on a diet (I assume it's only a matter of time until that option is removed too, the Firefox Devs clearly hate their users)

NFX
Jun 2, 2008

Fun Shoe
Another option for tab colors is to use Firefox Color which is a very simple way to create a new theme. Note that (unless you change it via userChrome.css I guess) "dark mode" for context menus (but not the main menu / settings menu!) is controlled by the lightness of "Background Tab Text Color" (tab_background_text in the final theme file). I have no idea why they decided to use that, but that's why the "Photon Colors" theme from earlier in the thread has a dark context menu.

I don't think you can get borders on inactive tabs back no matter what you set in the theme, for that you still need userChrome.

Nalin
Sep 29, 2007

Hair Elf

NFX posted:

Another option for tab colors is to use Firefox Color which is a very simple way to create a new theme. Note that (unless you change it via userChrome.css I guess) "dark mode" for context menus (but not the main menu / settings menu!) is controlled by the lightness of "Background Tab Text Color" (tab_background_text in the final theme file). I have no idea why they decided to use that, but that's why the "Photon Colors" theme from earlier in the thread has a dark context menu.

I don't think you can get borders on inactive tabs back no matter what you set in the theme, for that you still need userChrome.

Nice to know the exact reason. That is definitely a dumb trigger for dark mode. I had guessed it was the text color on the inactive tabs.

But yeah, userChrome.css is needed to fix dark mode weirdness and fix tabs. It took me a while before I finally had to resort to hacks, but the dark mode menus when using the Photon Colors theme finally pushed me over the edge. I had actually lasted all of the 89 beta phase with stock compact mode Proton and the dark mode menus before I finally just had enough, so I at least tried to accept it.

And, if I'm resorting to userChrome.css, I may as well reduce menu item spacing, restore the look and feel of Photon tabs with separator lines, fix bugs with the Proton theme itself (new tab button highlight and scroll button padding issues), and I may as well make slight tweaks to the tab height too.

Pikestaff
Feb 17, 2013

Came here to bark at you




Im_Special posted:

Gotta love the name of this hidden preference eh?

browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar

This has got to be one of the dumbest changes I've seen yet, I cannot fathom why someone would green light a change like this...

On 89 apparently the "new tab" "search box" is "fake" and uses the URL bar (or Awesomebar™) instead, setting this to false reverts it back to pre-89 behavior.

Like WTF Mozilla, and thanks AskVG for the solution!

THANK YOU, this was driving me nuts, mostly because what's the point of having a search bar on the new tab page if it doesn't work?

Anyway I have the opposite problem of most of the people in here, the tabs feel way smaller to me now than they were before and I keep accidentally closing them :(

runaway dog
Dec 11, 2005

I rarely go into the field, motherfucker.
man, it's already annoying enough to have to tweak firefox to look right when it works properly, but I already have to keep chrome installed for certain pages that wont play nice with firefox, it's all just becoming more effort than I want to spend, it's like firefox is pushing me away.

Wheany
Mar 17, 2006

Spinyahahahahahahahahahahahaha!

Doctor Rope
[Designer thinking harder than they have ever thought before]
"What if tab look like button instead?"

Adbot
ADBOT LOVES YOU

runaway dog
Dec 11, 2005

I rarely go into the field, motherfucker.
everything has huge gaps now, it looks like I hosed with the zoom feature on windows and firefox just doesn't support it properly, but like, all the time.

  • 1
  • 2
  • 3
  • 4
  • 5
  • Post
  • Reply