black7375 / black7375/Firefox-UI-Fix

Personalization page entirely transparent when Aero is enabled

Open
#969 1 comment 0 reactions 0 assignees View on GitHub
Browser::Upstream Class::Color Class::SideEffect Component::UserContents Env::Win7 Issue::Bug
Dominant language
SCSS
Stars
5.9k
Forks
202
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug

When using Windows Aero and the ESR 115 version of the theme and visiting the toolbar personalization page, Aero gets applied to the entire page, instead of just the titlebar.
![image](https://github.com/user-attachments/assets/7cae9d59-6a20-4825-8047-1d0e749e730f)

### Expected behavior

The page should have white background (or black, if using dark theme), instead of a transparent one, as it does on the default theme and on earlier versions of this theme (tested on version 7.4.0).
![image](https://github.com/user-attachments/assets/29da4f4b-e308-4f5a-947f-5eef41db1e63)

### Screenshots

_No response_

### OS

Windows 7

### OS - Others

_No response_

### Firefox Version

115.14.0esr (32-bits)

### Distribution

- [ ] [Original Lepton](https://github.com/black7375/Firefox-UI-Fix)
- [X] [Lepton's photon style](https://github.com/black7375/Firefox-UI-Fix/tree/photon-style)
- [ ] [Lepton's proton style](https://github.com/black7375/Firefox-UI-Fix/tree/proton-style)

### Theme

- [ ] Light
- [ ] Dark
- [ ] Alpenglow (System: Light)
- [ ] Alpenglow (System: Dark)
- [X] System Default
- [ ] Others: (e.g. [Photon Colors](https://addons.mozilla.org/en-US/firefox/addon/photon-colors/), [Google Chrome Dark](https://addons.mozilla.org/en-US/firefox/addon/google-chrome-dark/), [Fairytale Of Nature](https://addons.mozilla.org/en-US/firefox/addon/fairytale-of-nature/))

### Theme - More Info

_No response_

### `user.js` setup

Tested on a new profile, default about:config and user.js used.

### Additional context

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue on Windows 7 with Firefox 115.14.0esr, Windows Aero, and the photon-style theme while opening the toolbar personalization page. Trace the SCSS rules affecting that page and the titlebar, then verify that the page background is opaque white or dark rather than transparent in both relevant theme modes.

Written by the indexing model from the issue text.

Assessment

Tech stack
scss
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.