leadweedy / firefox-proton-square Goto Github PK

I remember in Firefox 88 the tabs got significally smaller when there were a lot of tabs open, how can I achieve it?

I'm wondering if it would be possible to add a custom variable to the userVariables.css file to be able to customize the radius? This may not be possible because looking through the code it's not just the radius variables that make everything square. Just a thought.

I really like what you've done with this and I appreciate the effort you've put into it.

I really love this theme, though when using it icons of extension appear "pushed down", is there a way for me to fix this?

Is your feature request related to a problem? Please describe.
Yes, in Waterfox (a browser built on the Firefox source code) the "mute" button is misaligned as the Waterfox Theme Customizations change how the tabs are displayed:

There customizations can be disabled, but then result in issues with the tab barriers and makes the X's to close the tabs look disproportionately small:

Describe the solution you'd like
Maybe a user variable could be implemented that changes the position of the mute button somehow.

Describe alternatives you've considered
Alternatively the tab borders might be changed and the size of the X's if that's more convenient to implement.

Additional context
I completely understand if this won't be implemented, as Waterfox isn't the official Firefox and this will probably only affect like two people on the planet, I'm just kinda forced to use Waterfox on a special device that has issues with the Official Firefox. On my main device I still use the normal Firefox and am not encountering this issue.

There are some interesting features that Waterfox has in terms of customizability, with such things as a browser-wide script to try and make a lot of HTML elements that would be rounded squared, maybe @leadweedy could be interested in giving the browser a try to check if you like some of the customization options.

Can an option to just change the design of the tabs and keep everything else as is, be added?

Describe the bug
This makes the Close tabs button on the Closing Multiple Tabs warning popup invisible.

To Reproduce

1. Enable Confirm before closing multiple tabs
2. Close a window with multiple tabs

Expected behavior
The Close tabs button on the alert popup shouldn't be invisible.

System Info (please complete the following information):

• OS: W10
• Firefox version: 96

Additional context
I am using CustomCSSforFx by Aris as well, but I placed this stuff at the end.
Also Light themed, not dark.

I also only used userChrome. I've now put together the squaring (userChrome) pieces I need and the issue isn't present now. Something with the coloring section that I'm no longer using perhaps? idk

Describe the bug
Seems like the update 108 broke a lot of user CSS for a lot of users. Thankfully, square tabs weren't broken, but what got broken is vertical alignment of tab content and adjacent buttons (close tab/open new tab) - as you can see in my attached screenshots below. I've tried various solutions to no avail. I'd be really thankful if any help could be provided.

Attempts to fix

• Reload userChrome.css without restarting (e.g. when opening a new window) - tested both in live time and by restarting.
• https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css - helped other people center their tabs in modified CSS, but didn't affect tabs at all in my case (while using Firefox Proton Square).
• Tried flexbox, tried vertical-align, nothing worked.

Screenshots

System Info (please complete the following information):

• OS: Linux Mint 64-bit
• Firefox version: 108.0

Hey, thanks very much for the fix, and thanks for checking out the other tweaks that I put into my edit of your theme. Since you pretty much integrated all of the tweaks that I made into the original branch, I've archived my forked branch.

One last thing that I'm trying to do is creating an option in about:config as you did with the option to re-enable the round synch-pfp, just instead of a boolean I wanna enter a float that scales the pfp to a larger size as it looks quite small compared to the other icons.

Originally posted by @EktoHunter in #2 (comment)

Hello, really lie your styling of the tabs, thank you very much for the css. I don't really know much about it, so if you could help me figure some things, it would be awesome!
For some reason the accent coloring doesn't work, it still shows dark blue accents, even though I edited the color in the file.
And those tab separators are very weird for me, is there any way to remove them?

Thanks in advance, I really appreciate your work!

Little update, figured out the color thing, I changed the color in the F12 style editor tab, and it seems to work!

Credit: https://www.reddit.com/r/pop_os/comments/hnxgzv/i_have_been_trying_for_hours_to_get_rid_of_the/gbrmra7/

Affects all GTK applications including Firefox. Requires the user to add the following to ~/.config/gtk-3.0/gtk.css:

decoration, window, window.background, window.titlebar, * {
border-radius: 0px;
}

While I'm here, I have a small question - I would like to make middle-click scroll actually not-square, but I can't find the line in your CSS that controls it. Thanks a lot for making this by the way, I'm new to Linux as well as Firefox.

Not an issue, but I just need to voice my thankfulness.
I've really disliked the proton theme ever since it came out, and missed my dear, dear quantum theme. Thank you for ending my suffering and bringing the quantum theme to proton!

• OS: Windows
• Firefox version: Developer 108.0b5

On MacOS the Padding between the first tab and the window control is slightly too small, making the first tab look squished against the rest of the window controls.

Possible Solution: Include a User Variable to set the padding between tabs (/ tabs and window controls if that's possible.)

Hey there, this isn't an issue but a feature request: Could you add an option to remove/hide the unified extensions button as mentioned here (r/firefox/)?
In the previous version it was possible to do this over about:config but this is no longer possible. Maybe this could be added as an option in the userVariables.css

List All Tabs menu still has rounded corners on tab hover. Could you please fix this? Thanks!

Out of curiosity:
The code seems very complex, especially the userChrome.css file. What would be the difference from this, compared to

* {
   border-radius: 0px !important; 
}

which gives you

with square corners everywhere?

The current way also has the issue that if Firefox introduces a new UI element the code needs to be updated.