You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When changing the titlebar/theme color is enabled, the text and window control colors are changed based on color to provide contrast. However, when multiple web apps in the same profile are opened at the same time, and they have different colors (for example, one light and another dark), window control colors in all windows are changed to the same color, so window controls in one window become less visible or even invisible.
Workaround
You can disable "Allow web apps to override a theme (titlebar) color" in the app browser settings to prevent this issue.
Steps to Reproduce
Make sure that "Allow web apps to override a theme (titlebar) color" is enabled in the app browser settings.
Install two web apps to the same profile, one that has a light theme color (Twitter), and another that has a dark (GitHub).
Open the web app that has a light theme color (for example, Twitter on light mode).
You should notice that the window controls look fine.
Open another web app that has a dark theme color (for example, GitHub).
You should notice that the window controls in the first window have changed to white, making them almost invisible.
Additional Information
Screenshot
This happens because the system integration changes toolbar theme depending on the web app's theme color to make window controls and other icons visible. This code works fine when there is only one open web app. However, because the theme applies to all windows from the same profile, it causes this issue when more web apps are opened.
I don't think there is an easy way to fix this. There doesn't seem to be a way to change native window controls colors without changing the whole theme. It probably requires some modifications of the Firefox C++ code, but I don't know what exactly.
Yeah, but non-native themes use custom window controls that may look out-of-place on some distros. I can probably add an option to let users choose if they want native or custom window controls, but I would still like to fix this issue eventually even when using native controls.
Description
When changing the titlebar/theme color is enabled, the text and window control colors are changed based on color to provide contrast. However, when multiple web apps in the same profile are opened at the same time, and they have different colors (for example, one light and another dark), window control colors in all windows are changed to the same color, so window controls in one window become less visible or even invisible.
Workaround
You can disable "Allow web apps to override a theme (titlebar) color" in the app browser settings to prevent this issue.
Steps to Reproduce
Additional Information
Screenshot
This happens because the system integration changes toolbar theme depending on the web app's theme color to make window controls and other icons visible. This code works fine when there is only one open web app. However, because the theme applies to all windows from the same profile, it causes this issue when more web apps are opened.
I don't think there is an easy way to fix this. There doesn't seem to be a way to change native window controls colors without changing the whole theme. It probably requires some modifications of the Firefox C++ code, but I don't know what exactly.
Affected Websites
Environment
The text was updated successfully, but these errors were encountered: