The new Firefox Acrylic-Style menus for pop-up windows is too trasparent

### Guidelines

- [x] I have read [how to report a new issue](https://github.com/Aris-t2/CustomCSSforFx/issues/4)
- [x] I have used the [latest release](https://github.com/Aris-t2/CustomCSSforFx/releases/latest)
- [x] I have set the `toolkit.legacyUserProfileCustomizations.stylesheets` in `about:config` to `true`

### Does the issue occur without any files inside /chrome/ folder?

Yes

### Description of the Issue

Firefox 138 now Use Acrylic-Style Menus for pop-up Windows That Better Fit the Optics of the Operating System. But now I see the menus **too transparent**.

What happened?
Must it be a CSS setting?

### Issue description, userChrome.css/userContent.css 'settings' the issue occurs with and steps to reproduce the issue


### Does the issue occur with the most recent version of CustomCSSforFx (release/test/dev build)?

No

### Screenshots showing the issue


### System information

- OS & OS version: Windows 11
- DPI/HiDPI/scaling value, if not 100% (e.g. 125%, 150%...): 100%
- Firefox version: 138
- Firefox theme (e.g. default, build in light/dark, external theme + link): default

The damage manager should be that:
@import "./css/top_toolbar_system_accent_colors.css"; /**/

Start by reproducing the excessive transparency in Firefox 138 on Windows 11 with the default theme, then inspect the referenced import `./css/top_toolbar_system_accent_colors.css` and the related userChrome.css settings. Compare the affected pop-up menus with the screenshots; the issue is done when their transparency matches the expected appearance.

Written by the indexing model from the issue text.