sound playing icon in black even when the tab color is in dark(system titlebar color actually)

### Describe the bug

sound playing icon in black even when the tab color is in dark(system titlebar color actually)

### Expected behavior

sound playing icon to be white when the tab color is not-light; and be black when the tab color is light

### Screenshots


### OS

Windows 10

### OS - Others

_No response_

### Firefox Version

163.0.1

### 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

I use windows 10 22H2, and apply accent color to the titlebar, which is a dark color.

### `user.js` setup

user.js setup

```javascript
// Your settings
```

I made no modification

### Additional context

_No response_

Start by reproducing the sound-playing icon issue in Firefox UI Fix's photon-style setup on Windows 10 with a dark system titlebar accent. Inspect the photon-style UI styling related to the sound-playing icon and verify that its color responds to the titlebar color; done means the icon is white for a non-light titlebar and black for a light one.

Written by the indexing model from the issue text.