The Google search tools do not get displayed correctly

[DarkPointer]

Already looked at the Wiki? - https://github.com/soulhotel/FF-ULTIMA/wiki

Yes

Describe the issue:

The Google search tools do not get displayed/rendered correctly after installing the theme

Expected behavior:

The Google search tools do not get affected by the theme

Platform/Desktop:

• OS: Windows 10
• Browser Version: Firefox 128.0.3

Video:

Issue.mp4

[soulhotel]

There are no google web pages touched by the theme. Only youtube, reddit, about:newtab, and about:config. There are also no user preferences that interfere with webpage behavior or appearance as well.

See if the tools appear in a private window - if the issue is gone, then you may have something else going on here.

Windows

[DarkPointer]

The issue was successfully reproduced on two different Windows 10 machines with the same Firefox version provided above, one with a fresh Windows and Firefox install, with nothing except the FF-ULTIMA theme installed (Shown in the video above).
The issue was consistent across both normal and private windows.
I could spin up a fresh install of Windows 10 and Firefox on a virtual machine and provide a new video if needed!

[DarkPointer]

The issue reproduced on a fresh Windows 10 and Firefox install:

IssueVM.mp4

[soulhotel]

Thats really strange.. as I said before, nothing in the theme touches google webpages, it would require a media query for google domains to even reach that point.

But once i get home ill look into it further. Best case scenario is that I find one of the z-site files to be targetting more than what they should.. Ill update you later on today.

[soulhotel]

I was able to reproduce the issue as well. It's right here:

FF-ULTIMA/theme/z-site-styles.css

Lines 10 to 14 in 239a6b7

	/* all scrollbars */
	* {
	scrollbar-width: auto !important;
	scrollbar-color: rgba(170, 170, 170, 0.4) rgba(255,255,255, 0) !important;
	}

Apparently the 'Tools' menubar renders as a scrollbar.... but only on Windows 10. The bug doesn't effect Windows 11 or other OS's.

You can open z-site-styles.css and change * to body or :root (better alternative) and the bug will be gone. Or you can download this updated file and replace your original in the chrome/theme folder:

https://github.com/soulhotel/FF-ULTIMA/blob/next-release/theme/z-site-styles.css

FF-ULTIMA/theme/z-site-styles.css

Lines 10 to 14 in 29b1f63

	/* all scrollbars */
	:root {
	scrollbar-width: auto !important;
	scrollbar-color: rgba(170, 170, 170, 0.4) rgba(255,255,255, 0) !important;
	}

[DarkPointer]

I appreciate the quick response and can confirm that the issue was resolved after changing * to :root in z-site-styles.css

[soulhotel]

Great! Thanks for pointing the issue out too.