qnetitq / wavefox Goto Github PK

This happens when you put the cursor on the title buttons

Info:
Firefox 101.0 (64-bit)
Windows 11 64-bit 21H2 (22000.708)

When pinned new tab option is enabled the hitbox overextends to the right allowing you to click the button without actually interacting with it, could be because the normal new tab button occupied that space originally. (see below where i've lined them up roughly). Intuitively I would expect this space to be for dragging only.

If it helps the options I've enabled/changed are:

• Wavefox
• Pinned new tab button
• Left drag space set to 0px

And I'm on firefox 96.0.3, feel free to close this issue if this is behaviour that can't change/point me in the right direction if I've missed something that fixes this already listed/reach out for other clarifications.

Hi..
I can’t make the Tab Indicator visible..
The description says:

Use the option to offset the width of pinned tabs.
A very high offset is recommended.

What option do you mean?
Any help?
Thanks in advance.

Screenshot of issue

Regular (light) Adwaita GTK theme does not have this issue.

Info summary

• Ubuntu 20.04.4 LTS
  • NVIDIA proprietary drivers
• Gnome 3.36.8
  • "Adwaita-dark" GTK theme
  • "Source Sans Pro Regular 10" font
  • X11 Windowing System
• Firefox 99.0
  • "System theme — auto" Firefox theme

Activated keys

• Style.WaveFox
• Style.Main-Shadow-Blur-Low
• Style.Main-Shadow-Saturation-Very-High
• Style.Additional-Shadow-Blur-Very-High
• Style.Additional-Shadow-Saturation-Low
• Style.Separators-Saturation-Normal
• Style.Context-Menus-Compact
• Style.Menu-Icons-Regular
• Style.Drag-Space-Above-Tabs-All-States-Disabled
• Style.New-Tab-Button-Like-Pinned-Tab

Maybe mix them with the background color instead of transparent. Should give the same result in theory. Couldn't figure out how to do it myself.

Is transparency going to work on linux, or I'am doing something wrong?

When I hover on a tab this happens -

Attempt to improve tab icons in PIP mode.

Preview version

While hovering over any tab which is not currently active, this happens:

https://www.reddit.com/r/FirefoxCSS/comments/bzd5dz/help_with_australis_css/

The pip icon overlaps the share icon

Report bugs and wishes. Stable style version in the "Releases" section

Also, not sure where else to tell you this, but this theme is by far my favorite! I sincerely hope you continue perfecting it.

Transparency does not work on MacOS since Firefox 103(102?)+

Hey there, I'm using the Chrome-Legacy theme, which is amazing btw, but looks a bit too modern for someone like me. Could we get more solid, FF 29-style tabs? this is what i'm talking about:

please fix it thx

First off - thanks for this style. It looks awesome, especially in the compact mode. Your work is really appreciated.

I'm a heavy user of containers but it seems like there is no color on the tabs to indicate that they're a container.

Would it be possible to make this?

Also, is it possible to hide this seperator on the first tab but keep them on the following tabs?

Hey, the Chrome Legacy tabs are not working.
The fix is very simple: you forgot to case the L at special/Chrome_legacy/, it should be special/Chrome_Legacy/
Bye

Oh, sorry, wrong one..

Hi! I love this theme very much. I have always missed the trapezoidal tabs from the old days. This brings it back really nicely! Thanks!

However, I noticed that when I select compact as my density, the hamburger menu in the top right corner becomes super compact.

Normal:

Compact:

I'm 80% sure that the menus in Compact weren't supposed to be that compact. Maybe you could fix this? Or maybe not because Compact is "not supported" anymore?

Steps to reproduce:

1. Head to about:config and set the value of browser.compactmode.show to true
2. Right-click anywhere on the blank space of the tab bar.
3. Click "Customize Toolbar..."
4. In the bottom left corner, click "Density" and select "Compact (not supported)"
5. Close the "Customize Firefox" or "Customize Nightly" tab
6. Click the hamburger menu, the bookmarks menu, or the downloads menu.
7. Admire its compactness

Firefox Nightly, version 92.0a1, build ID 20210809093320 on Manjaro

I recently found out about WaveFox and MicaForEveryone and I loved it. Later I found the MSSTYLE File of the Windows 11 Dark Mode Theme created and used for the Rectify11 Project/Mod. Now my Windows has full Dark Mode but Firefox started looking kinda weird. The enabled Mica transparency has gone and my Window Control Buttons now look hella weird. For the Button issue I found some fallback css some time ago which revert the default ones but there's still the transparency issue. Is there any way someone could implement or create a theme fallback build in into WaveFox for the Windows CSS that prevent Firefox from changing some elements breaking the theme?

The Window Controll Fallback CSS I found: https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/window_control_fallback_for_custom_windows_theme.css

Specs

OS: Win 11 Pro
Firefox v101.0
Windows Theme: Rectify11 dark mode
MicaForEveryone v1.0.6.2

I followed the installation guide and nothing happened. I may just have the folder in the wrong directory. It specified "root" folder so I tried my C: drive. Nothing happened. It said this is also known as "user folder" so I tried C:/Users/my username. Nothing happened.

Sorry if I'm missing something obvious but in the latest version (I was quite a few versions behind before) I can't seem to make my accent color work. My titlebar area is just the stock grey. Do I need to set something somewhere?

Before/current:

After/potential fix:

In older versions of Firefox (not sure when the transition period was), the search and address bars wouldn't produce a blue glow when activated. I've always preferred the older design, the blue glow never looked that great in my opinion. Is it possible to add (well, technically remove) this feature to WaveFox? Other than that, WaveFox works really well for me, and I love its customizable group of settings!

I am using the following code to change the color of titlebar when the window in inactive:

:root[tabsintitlebar]:is(:not(:-moz-lwtheme), [lwt-default-theme-in-dark-mode]):is(:-moz-window-inactive) .titlebar-color
{
    background-color: #404040 !important;
    color: -moz-accent-color-foreground;
}

In the old version (not exactly sure how older than current, but from before all tweaks were moved to about:config), it looked like this without me needing to change much else (Firefox 98):

In the current version and on Firefox 99 it looks like this:

Any idea how I can make it like it was before, with the latest version?

What settings are required to get the tab shadow to look like the middle screenshot? I've looked through the userChrome.css settings, but can't seem to find it.

no clue why this happens! i installed everything properly, i'd think?

The new indicator is pretty cool and well made, but in my work I use containers alot and the old indicator kind of worked better for me.

Any chance for a switch so one can choose which to use?

When setting any one of the Style.Separators-Saturation- keys to true, separators are shown in the tab bar but only for unpinned tabs. See the screenshot below:

Hi,
I have a lot (like 594) tabs in one window and the restyled tabs look strange, check the screenshot please. The tab on the very left is active, the rightmost one is hovered.

When I open a new window with only a couple of tabs, everything seems OK. Could you please check, if you can reproduce this issue?

Thanks for your great effort anyway! 😊

Work in progress
The instruction is on the main page. After executing it, download the text file, change the file extension to the .css and copy to the chrome folder. Use only Firefox 99 and newer

There is a thin line between the selected tab and toolbar.
Tested on Firefox v100.0 with Style.Chrome

Approximate goal

A style with transparency in beta status. Write reviews and report bugs

I always used to be able to and now it simply does not work. Is there something else that could be interfering? I have followed all instructions correctly and all files are in the correct locations. What's going on?

Trying to add transparency to Linux.

If you apply a custom theme, the shadows around the tabs and the navigation bar disappear

Default theme

Custom theme

I followed all the steps but nothing appears

I've noticed when switching tabs with CTRL+TAB, sometimes the tab that is switched to seems to flicker for a very, very brief moment. It does however look kind of odd, so I recorded it and freeze framed. It looks like this:

So seemingly, it's both the previous (right) and "switched to" tab (left) that gets the wrong background for a split second.

Reckon anything can be done about it?

Just installed but the tab titles seem to be misaligned, like they're slightly higher than they should be. I'm on macOS 11.

This occasionally happens when the tabs change width, shrinking or expanding in the tab area

First of all, thank you very much for all your work, on WaveFox, it is an amazing CSS for Firefox, and a breath of fresh air from their current design policies.

I wanted to ask you if there was a way to "extend" the New Tab button, so that also the concavity of the slope of the easternmost Australis tab were to trigger the opening of a new tab — or, in other words, reduce the dead space between the "close tab" and "new tab" buttons in the Australis theme.
Thank you in advance for looking into this!!

Hi,

I've always wished for container tabs to be more friendly when it comes to figuring out. Right now, there only goes a subtle highlight behind the tabs. I'm wondering if it's possible for you to color the tab with containers' color.

I upgraded my copy of WaveFox since 102 broke my old version a bit, but I noticed it wasn't as compact as the old version, then I noticed that the compact config is missing from the readme.

There appears to be a weird overlay that makes the aero theme and window buttons look washed out and not as saturated. Compared to your screenshot, I think you can see it looks quite different.

I don't think this is specific to your theme as it was there when I first installed Firefox. But maybe you know how to fix it?

Hello, I am trying to get this style to work with Firefox 100 on Linux Mint 20.3, but it is simply not working.

What I did was set the 3 required keys to true in about:config, and then drop the chrome folder into my root profile folder. The profile in question is called default-release.

After restarting Firefox, nothing changes, the style is still default and there are no WaveFox settings in about:config. I have tried dropping the chrome folder into every profile directory that is in about:profiles, but still nothing happens.

I obtained the .zip folder by cloning, didn't get it from releases.

EDIT: facepalm... I needed to actually create a Style.WaveFox key in about:config and set it to true. Restarted and it works great. Awesome work developer!

I'm not a fan of the little line that appears between each tab while using this userChrome. Is there a fix I can perform to remove it, akin to the native Proton interface?