Originally reported here:
https://github.com/firefox-devtools/debugger/issues/6673

Triggered be my just having a case myself where I wondered why breakpoints stopped working. The icon (which very light blue lines) on the skip button are the only visual enabled state right now.

Disabling the Breakpoint panel, both for exception checkboxes and breakpoint list, might just be enough, but maybe @violasong has more ideas.

For inspiration:
While Chrome's button is a bit stronger (changes style to not being crossed out), Chrome also visually mutes both the breakpoint indicators and the panel:

Latest mockup from Victoria
https://www.figma.com/file/pVg7LMXy2dvHXkaMLTj0HJ/Breakpoints-deactivated?node-id=1%3A4

1. Change Paused on Breakpoint to have the icon on the left
2. Yellow "Breakpoints deactivated" banner
3. Alternate idea: Gray "Breakpoints deactivated" banner - subtler look, but goes with the "deactivation" idea

These banners might make it unnecessary to have a gray color over the entire breakpoints section. It would look nicer to go back to just disabled checkboxes.

Honza