Opened 3 years ago

Last modified 13 months ago

#6358 closed defect

Correct resource URL colours for dark theme version of our developer tools panel — at Version 3

Reported by: kzar Assignee:
Priority: P3 Milestone:
Module: User-Interface Keywords: goodfirstbug
Cc: greiner, mapx, jeen Blocked By:
Blocking: Platform: Unknown / Cross platform
Ready: no Confidential: no
Tester: Unknown Verified working: no
Review URL(s):

Description (last modified by greiner)


Unknown version of Chrome, with developer tools set to dark theme.
Uknown version of Adblock Plus.

How to reproduce

  1. Open the developer tools for a tab, switch to the Adblock Plus pane.
  2. Browse to in the tab.

Observed behaviour

The resource URLs listed in the Adblock Plus developer tools pane are extremely hard to read - dark grey on grey.

Expected behaviour

The URLs are easier to read.

What to change

Improve dark theme support in our DevTools panel by using colors with better contrast for texts, links, backgrounds and other UI elements.


  • Perhaps we should reevaluate all the colours used for the dark theme version, since I just picked those (#4136) and I'm no designer.
  • This was probably made worse by my changes for #6035 (turning the URLs into links).
  • This issue is based on a report in the forum which mapx highlighted.

Change History (3)

comment:1 Changed 3 years ago by kzar

  • Description modified (diff)

comment:2 Changed 3 years ago by kzar

  • Description modified (diff)

comment:3 Changed 3 years ago by greiner

  • Cc jeen added
  • Description modified (diff)
  • Priority changed from Unknown to P3
  • Ready set

We don't have a spec for the DevTools panel yet which defines overall design and user experience. It definitely makes sense to have one at some point, I just feel that it's not as critical as other UIs that we still need to add to the spec (e.g. icon popup).

That being said, we can already work on improving our dark theme support for all supported browsers because there's also some improvements we should make for Firefox.

@Jeen Feel free to disagree.

Note: See TracTickets for help on using tickets.