Page Info Dialog

### Describe the bug

Hi, I just wanted to tell you about some problems in Page Info Dialog.
1. The colors are too bright
2. The **_tree-columnpicker-button_** is too wide
3. The borders are too thick

### Expected behavior

From this:
**_Page Info > General_**

**_Page Info > Media_**

To this:
**_Page Info > General_**

**_Page Info > Media_**

**_Note:_**
I was able to rectify some of the problems I listed with the following modifications in userChrome.css.
```
#meta-name, #meta-content, #image-address, #image-type,
#image-size, #image-alt, #image-count, treecolpicker {
background-color: rgb(43, 42, 51) !important;
color: rgb(251,251,254) !important;
}

.tree-columnpicker-button {
margin-inline: 1.5px !important;
min-width: 0px !important;
padding: 1px 0px !important;
}
```
This is the result:
**_Page Info > General_**

**_Page Info > Media_**

It's still incomplete though. I was unable to change the highlight color and border thickness.
I want to change the highlight color to rgb(82, 82, 94) for **_selected_** and rgb(74, 74, 74) for **_hover_**.
I want to change the border thickness to non-existent or barely visible. Just like how it was in Waterfox G5.

### Screenshots

N/A

### OS

Windows 11

### OS - Others

N/A

### Firefox Version

Waterfox G6.0b4

### Distribution

- [X] [Original Lepton](https://github.com/black7375/Firefox-UI-Fix)
- [ ] [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
- [X] Dark
- [ ] Alpenglow (System: Light)
- [ ] Alpenglow (System: Dark)
- [ ] 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

N/A

### `user.js` setup

N/A

### Additional context

N/A

Start at the Page Info Dialog styles and compare the General and Media screenshots with the provided userChrome.css overrides. Check how the tree-column picker, colors, highlights, and borders are styled; done means the dark dialog matches the requested selected, hover, and border appearance.

Written by the indexing model from the issue text.