Page Info Dialog

[thunderstone135]

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
• [ ] Lepton's photon style
• [ ] Lepton's proton style

Theme

• [ ] Light
• [X] Dark
• [ ] Alpenglow (System: Light)
• [ ] Alpenglow (System: Dark)
• [ ] System Default
• [ ] Others: (e.g. Photon Colors, Google Chrome Dark, Fairytale Of Nature)

Theme - More Info

N/A

user.js setup

N/A

Additional context

N/A